jhlee의 성장로그

링크 https://school.programmers.co.kr/learn/courses/30/lessons/70128 알아야할 내용 for문, reduce 풀이과정 동일한 인덱스로 배열 a, 배열 b의 값을 찾아 곱셈연산. 이 값을 모두 더해주기 소스코드 function solution(a, b) { var answer = 0; for (let i = 0; i acc += a[idx] * b[idx], 0) } // a, b로만 function solutio..

2022년 07월 29일 금요일 오늘 공부한 내용 리스트를 클릭하면 작성 글로 이동합니다. 1️⃣ React - Portal을 이용해 Modal 만들기 2️⃣ 프로그래머스 - 가장 큰 수 📝4행일기 사실 : 일, 공부에 집중이 안되고 잡생각에 휩싸인다. 느낌 : 내가 통제할 수 없는 것에서 오는 불안함이 원인이다 교훈 : 마음가짐 보다 중요한건 없다. 선언 : 불안함을 통제하는 법을 익히겠다.

2022년 07월 26일 화요일 오늘 공부한 내용 리스트를 클릭하면 작성 글로 이동합니다. 1️⃣ 제어 컴포넌트, 비제어 컴포넌트 - 글 작성 중 2️⃣ 프로그래머스 - 이상한 문자 만들기 - 글 작성 중 📝 블로글에 글을 쓰다보면 은근히 시간이 많이 걸린다. 지식의 개념, 습득한 개념 정리가 덜 되서 오래 걸리는 것 같다. 글 포스팅 해주시는 모든 분들께 존경을.. 단순히 습득하고 넘기는 것보다 시간 투자한만큼 큰 도움이 된다고 믿고 꾸준히 하자. 글도 많이 쓰면 는다. 글은 간단명료하고 내 생각이 정리가 된 것 같다면 그 나름대로 좋다.(매일 써야한다는, 잘 써야한다는 압박감X)

yarn i를 했더니 zsh: command not found: yarn이라는 에러가 떴다. 해당 패키지(yarn)가 설치되지 않아서 생긴 문제 brew install [패키지명]

2022년 07월 25일 월요일 오늘 공부한 내용 리스트를 클릭하면 작성 글로 이동합니다. 1️⃣ useState은 왜 let이 아닌 const를 사용할까 - 문서 수정중 ✔️ let, const의 특징 📝 'useState은 왜 let이 아닌 const를 사용할까?' 리액트를 맨처음 배울때 들었던 궁금증이다. 이제서야 다시 생각해보았다. const [count, setCount] = useState(); setState로 상태값을 바꾸니까 const가 아닌 let이여야하지 않을까 생각했다. 다음과 같은 이유로 react hook은 let이 아닌 const를 사용한다. - state의 값이 변경되면 컴포넌트를 재렌더링 - 이때 새로운 scope를 생성, 이전 선언한 count의 변수와 다른 새로운 변수가..

2022년 07월 14일 토요일 오늘 공부한 내용 리스트를 클릭하면 작성 글로 이동합니다. 1️⃣ CSS grid 2️⃣ 인터넷은 어떻게 작동할까 📝 메모 1️⃣ CSS 공부 안한지 오래되었다. 알고있는것도 까먹어서 모른다. 자꾸 검색하는 나를 발견하였다. 미루고 미루다 공부의 필요성을 느껴서 youtube 영상과 정리된 글을 보면서 css grid를 공부해보았다. 영상에서 emmet을 너무 잘써서 신기했다. 코드 작성 속도가 훨씬 빨라짐. 영상으로 정리가 안됐는데 문서를 보니까 훨씬 정리가 잘된다. 두가지 이상의 자료로 공부하기. 공부하니까 마크업이 즐겁다. Back to basic! 꾸준하게 html, css를 공부하자.남들에게 설명할수 있을만큼 확실하게 알기. 공부를 했으니 팀프로젝트할때 잘 안써본..

Command Palette 열기 Ctrl + Shift + P Open Setting (JSON) 선택 아래 설정 붙여넣기 "emmet.includeLanguages": { "javascript": "html" } VSCode 종료 후 다시 켜기(재실행) Tip emmet abbreviations 가 나왔을때 tab을 누르면 적용됨. emmet abbreviations 나오지 않을 때, ctrl + space 를 누른다. 추가 설정 open setting (JSON)에 붙여넣기 // 기존 세팅 "emmet.triggerExpansionOnTab": true, // tab "emmet.includeLanguages": { "javascript": "javascriptreact", "*html": "htm..

2022년 07월 13일 수요일 오늘 공부한 내용 리스트를 클릭하면 작성 글로 이동합니다. 1️⃣. nullish 병합 연산자 '??' 2️⃣. 닌자코드 1️⃣ 어제 '모던 javascript 튜토리얼' 목차 보다가 nullish를 처음 알게되서 가볍게 읽고 넘겼는데 libary 'react-leaflet'의 컴포넌트를 살펴보던 중 사용한게 보여서 공부해보았다. 2️⃣ 유지보수와 디버깅을 어렵게하는 닌자코드. 재미있는 글이다. '동의어 사용', '부작용이 있는 코드'를 주의하자. 나는야 닌자^^

eslint에 use hook 설정을 하고 난 뒤 다음과 같은 에러가 떴다. useState 뿐만 아니라, useEffect, useMemo 등 모두 import가 잘되어있었는데도 경고가 떴다. 서치 후, 너무나 어처구니 없는 실수임을 깨달았다. 함수형 component의 이름이 대문자가 아닌 소문자로 작성되어 있어서 생긴 문제. 이 파일명이 DeviceAccess가 아닌 ControlAccess여서 ControlAcess로 동일하게 바꿔주었다. 오류가 사라졌다.

문제 https://leetcode.com/problems/two-sum/ 문제설명 Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target. You may assume that each input would have exactly one solution, and you may not use the same element twice. You can return the answer in any order. 정수로 이루어진 배열 nums, 하나의 정수 target이 주어진다. nums에서 2개의 숫자를 더했을 때, 그 값이 target이되는 index..