2주가 지났다. 그립컴퍼니 과제가 마무리됐고, 이제는 휴먼스케이프 기업 과제 시작이다. 오늘 코드 리뷰를 하면서 나왔던 몇 가지 주제들 ** 리액트 라우터 사용 시 navlink를 사용하도록 하자. api통신중 오류가 나면 브라우저 network에서도 error 확인할 수 있다. ** api 속성값이 대문자로 올 때 이걸 변경해서 깔끔하게 코드를 정리할...

리액트와 로컬스토리지를 이용한 데이터 저장 간단한 투두리스트를 이용해 알아보자 먼저 코드를 보자 onClick 함수 실행 시 setTodo를 이용해 데이터를 추가한 후 ref를 이용한 key값도 같이 localstorage에 보낸다. useEffect에서 key데

Hoisting > JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화합니다. 반면 let과 const로

TypeScript 적응기 튜플 Tuples 튜플은 길이와 타입이 고정된 배열 2번째 인덱스에선 넘버 타입이므로 toLowerCase() 불가능하다. 이렇게 적용해도 에러가 발생한다. 제네릭 Generics option에 어떠한 값이 올질 모를 때 T를 적용해

recoil은 내부적으로 contextAPI를 기반으로 한다.recoil 역시 컴포넌트를 공급자(RecoilRoot)로 감싸줘야 한다.키에 고유한 값을 집어넣고, default 값을 지정할 수 있다.TodoListState는 state와 유사하다.setTodoList로

json to ts: json file을 ts interface로 변경해줌react-use: react-hooks처럼 자주 쓰이는 기능들을 함수화day js: date를 쉽게 구할 수 있다. (moment js는 용량이 크다)https://squoosh.app

원티드 프리온보딩 코스 중 scss를 사용하게 됐는데,사용하면서 궁금한 것들을 공부해봤다.SCSS 파일을 불러오려면 import 하면 된다.근데 @use 이렇게 생긴 놈을 발견했는데 이건 무엇에 쓰이는 것일까?import와 use의 공통점은 파일을 import 해 사용

미친 듯이 삽질했던 외부 영역 클릭 시 닫는 기능을 까먹지 않기 위해... 작성하자. 우선 코드부터 보자 드롭다운 메뉴는 showOption이 true일 때 보이게 되는데 초깃값은 false이며 클릭 시 true가 된다. useEffect로 마우스 클릭 시 **(

이벤트 버블링과 캡쳐링 팀 프로젝트를 하던 중 이벤트 버블링과 캡쳐링에 대해 지식이 필요할 것 같아 공부하였다. 리액트에서 이벤트를 자주 사용했지만 정작 중요한 버블링과 캡쳐링에 대해 자세히 알지 못해 이번 기회에 자세히 알아보려 한다. 이벤트(event) 이벤트

협업이란걸 처음 하게 되었다. git에서 무지성 commit, push만 하다 pull, fetch, fork, pull request(PR)을 배워보자 Pull 원격저장소의 정보를 가져오고 자동으로 병합한다. 자동으로 병합되며 코드가 섞여 자주 충돌이 날 수 있다. Fetch fetch는 원격저장소의 커밋들을 로컬 저장소로 가져온다. pull과 달리 ...

setState는 비동기로 동작한다. 이전값을 활용하여 값을 변경할시 콜백함수를 이용하여 기존값을 변경한다 map 메서드 이용시 key값에 index는 사용하지 않는다. 컴포넌트 index가 변경될 때 key 값이 고유하지 않다면 문제가 생긴다. key 값의 고유성을

원티드 프리온보딩 코스에서는 수강료 무료, 참가비 50만원을 받습니다. 이후 코스 완주(1.참가기업 70% 이상 지원 2.과제 제출 3.동료피드백 4.출결)시 취업활동 지원금 50만원(제세공과 후)을 지급합니다. 이러한 1) 정책을 도입한 이유와 2) 지원을 희망하는