📒국비학원 [React]

: https://ko.legacy.reactjs.org/ : https://developer.mozilla.org/ko/자바스크립트(에크마)의 api / 도움말: react 폴더 클릭!node.js로 돌아가려면 -> work작업폴더 선택하면 됨:

✏️ Test1. 💻 입력: done는 삼항연산자로 데이터 뿌려줘야함📂 데이터 6번 횟수만큼 꺼내기 : for문처럼 data.map((item,index)=><tr key={item.id}>씀data넣는 변수 안에 데이터가 있으니까 대신 이므로 키값 같이 써

✏️ Test1. 💻 입력📂C:\\VSCode\\react>yarn create react-app test6 폴더만들기📂 survey 폴더 만들기⬇️ Survey.js⬇️ SurveyStep1.js⬇️ SurveyStep2.js⬇️ SurveyStep1.js

📂C:\\VSCode\\react>yarn create react-app test6 폴더만들기✏️ Test1. 💻 입력📂 todos 폴더 만들기리액트 아이콘사용방법npm 모듈 설치npm install react-icons --save

HookuseEffect: 브라우져(화면)에 그려진 후에 실행됨useLayoutEffect: 브라우져에 그려지기 전에 실행됨useEffect\*\*\*특정 작업이 실행된 후 자동으로 실행되는 함수를 만들때 사용\--컴포넌트가 랜더링 될때마다 특정 작업을 시간을 정해 실

✏️ Test1. 💻 입력

: https://newsapi.org/가격책정 : 하루에 100번 읽어냄 ✏️ Test1. 💻 입력📂 폴더 만들기

✏️ Test1-1. : 주소찾아가서 결과물 띄우기 💻 입력📂 router1 폴더 만들기같은 경과물파일이름 틀리면 ? : 페이지를 찾을 수 없습니다✏️ Test1-2. : 💻 입력📂 router2 폴더 만들기그래서 Front에 data를 넘겨줘야 함\-f

📂 \`\` 폴더 만들기✏️ Test1. 💻 입력

1. 스프링부트만 기본으로 설정 > ✏️ Test1. 💻 입력 > ### 프로젝트 생성 연결하는 방법만 알려줄거라서, 기본만 선택 > ### 📌 gradle 환경설정 변경 및 refresh ![](https://velog.velcdn.com/imag

1. > ✏️ Test1. 💻 입력 > 계좌 읽어오려면 open API 주소에서 가져와야함 각자 홈페이지 [참고] 신한 : https://openapi.shinhan.com/ 농협 : https://developers.nonghyup.com/user/s

그동안 useEffect, useState로만 앱을 만들었지만, 이제 조금 더 깊이 공부하기위해 useRef에 대해서 알아보기로 하자2가지 기능에 대해서 알아보자! (일단, useState와 변수의 장점을 모아놓은 거라고 들었음)단순 저장 -> ui에 보여 줄 필요가

MVC 패턴 기존 개발은 MVC패턴으로 데이터가 양방향으로 흐름 그런데 규모가 커지면서 MVC패턴은 복잡해져버림 그래서 그 문제를 해결하기 위해 Flux패턴이 나옴! Flux 패턴 (Redux) MVC와는 다르게 단방향으로 데이터가 흐름 Action을 만들고 -> Dispatcher에 전달해 Store(Model)의 데이터를 변경한 뒤, Vie...

예를들어, 아래 코드처럼 컬러를 매번 번거롭게 자주 사용하는 main color들을 일일히 쓰기가 번거로워서 컬러들을 변수에 담아서 전역적으로 import해서 쓰려고 한다ex) 예시이렇게 export default theme;쓰게 되면 ① 단 하나의 변수를 내보내고②