Today I Learned

Javascript VScode CS

Javascript CS

💡 : 풀었지만 눈여겨 볼만 한 문제💡💡 : 풀이 했지만 모든 검사를 통과하지 못해 접근 방식을 달리 해야 하는 문제💡💡💡 : 1시간이상 걸려도 못 푼 문제

todo list frago88 를 redux 와 styled-component 패키지를 설치해서 CSS와 state 관리를 개선 하기로 했다.todo list frago88 react-router-dom 패키지를 설치해서 상세페이지를 구현 하기로 했다. \[깃허브

todo list frago88 의 컴포넌트 들을 styled component 로 바꿔주었다.'상세페이지' 를 만들어 react-router-dom 으로 Todolist 에 연결하였다. 여러번 반복해서 봐도봐도 모자란 웹 브라우저의 동작 과정사용자가 특정 페이지에 접

Done 😁 Learned 👌

todo list frago88 Redux 모듈에서 state를 깊은 복사 후 다루도록 변경하였다.Header 컴포넌트에서 background-image가 제대로 불러와 지지 않는 문제를 수정(https://github.com/hahbr88/todo_list_

redux toolkit 실습을 위해 연습용 프로젝트 생성자료를 보면서 연습하는데 계속 이라는 에러메세지가 뜨는게 아닌가문제는 학습자료의 오타였다.... store 함수 안에 파라미터로 들어가는 객체의 key가 reducers 으로 써있다. reducers 가 아니라

team project 환경 세팅 - 와이어프레임 제작 (https://www.notion.so/6-1ae468338c5d4c9a9c4ee6302d4c044b역할 분담 하병노 : 방명록페이지 서동욱 : 상세페이지신범수 : 수정페이지공동 : 메인페이지 전역 st

Axios 실습 미니 프로젝트 깃허브 연동 (팀원간 충돌 모두 해결)리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 HookuseState와 마찬가지로 React에서 제공하는 훅 (기능) 이므로, import React, { useEffect

지금까지 나는 React를 다루면서 전역 State 관리를 위해 Redux 또는 Redux toolkit 을 사용했었다.하지만 별도의 라이브러리가 없이도 React에 내장된 Context API를 통해 전역 상태를 손쉽게 관리할 수 있다고 한다.부끄럽게도 Context

useRef() 함수는 파라미터로 들어가는 값을 가지고 { current: "값" } 이러한 형태의 객체를 반환한다. ref 객체는 수정이 가능하다. 언제든 원하는 값으로 수정할 수 있다.반환된 ref 컴포넌트의 전 생애 주기 통해 유지 된다. 즉 컴포넌트가 계속 랜더

어떠한 컴포넌트 있다고 하자Mount(첫 랜더링) 되었을 때Update(리랜더링) 되었을 때Unmount(화면에서 사라짐) 되었을 때위의 세 경우 특정한 작업을 수행 할 코드를 짜려면 useEffect() 를 사용한다. 인자로 콜백함수를 받으며, 형태는 아래와 같다.

이벤트 버블링이란 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상을 말한다.캡처링은 버블링과는 반대라고 생각하면 된다. 최상위 부모 태그에서 해당

단순히 회사에서 이번 플젝때 쓰기로 해서 배운다가 아니라. 왜 타입스크립트여야 하는가에 대한 고찰이 필요하다.알아갈수록 강력한 타입지정의 힘을 느낄 수 있다.명시적으로 타입을 선언하는건 최소화 하는게 좋다. 타입스크립트가 알아서 추론하게 하자. 그래야 한줄이라도 코드를

npx 에서는 create'-'react-app create와 react 사이에 대쉬(-) 를 붙여줘야 동작하는 듯 하다.yarn 에서는 create react-app 이와 같이 저 부분만 대쉬(-) 를 빼야 동작한다."대체 왜 이렇게 해놓은거야...? 헷갈리게 ㅡㅡ"