React

react 데이터는 1. 변수에 넣거나 2. state에 넣음state는 1. 변수 대신 쓰는 데이터 저장공간 2. useState()를 이용해 만들어야 함. 3. 문자, 숫자, array, object 다 저장 가능state에 데이터 저장해놓는 이유: 웹이 app처럼

CRA: react로 개발을 시작하기 위해 모아놓은 tool chain(때문에 개발환경을 빠르게 만들 수 있다.)component: 재사용이 가능한 각각의 독립된 모듈(프론트엔드: 재사용 가능한 UI 단위) jsx: HTML을 자바스크립트에 확장하는 문법웹이 복잡해지면

1) SPA(Single Page Application) : 페이지가 한 개인 어플리케이션 리액트는 라이브러리이기 때문에 자체적인 routing 기능이 없음 1) Routing: 다른 경로(url 주소)에 따라 다른 view(화면)를 보여주는 것 \*프레임 워크: 주방

1. 전체적인 흐름 assignment 회원가입 성공 duplicated 에러 콘솔 찍기 키 에러 만들기 (일부러 key 값 틀려보기) 로그인 성공 후 받은 토큰 콘솔 찍기 (로그인 성공 응답)

westagram 멘토님 리뷰를 받았다.input 내 onchange 이벤트 사용 시, 동일한 이벤트를 반복하여 사용할 때, \[e.target.name]을 사용하여 이벤트를 여러번 쓰지 않고 한번에 동일한 이벤트를 발생시킬 수 있다는 피드백을 받았다. 현재 handl

1) DRY, KISS 원칙 예시 코드 제시 2) 작성한 코드에서 변수화 판단과 인자로 받는 함수 작성 함수란? 한가지 일을 수행하는 코드가 블럭으로 묶여있는 것 (= 재사용 가능한 코드 블록) 기능이 많아지면 복잡할 수 밖에 없지만, 최소한 복잡도를 낮추어 비용을 최

기업협업 관련 TIL 2번째! 장황하게 긴 제목과 같이 딱 맞는 설명이 없다. 결국, 컴포넌트의 재사용과 관련한 이야기이다컴포넌트는 한 페이지의 코드가 장황하게 되는 것을 예방할 뿐만 아니라 재사용으로 효율성을 높여준다. 나의 경우에는 컴포넌트를 재사용할 수 있을 것

브리딩 홈페이지 리뉴얼 작업을 하던 중, 페이지의 너비에 따라 slider 버튼이 생기고 지워지는 기능을 추가해야했다.media query 말고 resize 이벤트를 쓴 이유는 크게 두가지이다. 1) media query로 동일한 기능을 각각 구현해야한다는 점=> 똑같

React로 개발을 하고 있기에 React에 대해 알아갈 겸, React와 같이 사용되고 있는 Vue와 Angular 프레임워크와 비교해 보고 싶었다. 이를 알기 위해서는 웹사이트에서의 MVC구조에 대한 이해가 선행되어야 하기 때문에 MVC 구조가 무엇인지 먼저 알아보

cms 어드민 페이지 작업 중 플리니스트 환전 금액을 무조건 다음주 (금)에 준다는 안내 페이지 기획이 있었다. 처음에는 생 javascript로 계산하게 되었다. 하지만 왜인지... 연산이 잘못되는 부분이 있었고 12월일 때 13이 되는데 해당 부분 예외처리가 안되는