오늘 배운 것클라이언트 서버 아키텍처HTTPAJAXSSR CSR기억할 것SSR, CSR 차이HTTP Request, Response상태코드 내일 공부할 것REST API다른 강의도 찾아서 봐야할듯..

오늘 배운 것scss 문법비동기/동기  기억할 것scss 다양한 문법 나중에 따로 실습하면서 정리해보기 내일 공부할 것동기/비동기 기술면접 추가 질문 답변 생각해보기네트워크 오늘 첫 기술면접 스터디 날이었는데 정말 심장 떨려 죽는 줄 알았습니다... 그래도 스터디는 너무 유익하고 좋았습니다.. 지금은 그래도 어느정도 질문 틀이있는데 정말 실제 면접은 어떻게 해야할지...쨋든 다들 열심히 준비해오신 것 같아 기분이 좋네용..

오늘 배운 것statepropsReact에서 환경변수 사용하기 기억할 것state : 변할 수 있는 값, 컴포넌트 안에서 변화되는 값React 컴포넌트는 state가 변경되면 새롭게 호출되고, 리렌더링 된다.props: 변하지 않는 외부로부터 전달받은 값, 객체형태, read-onlyprops를 태그와 닫는 태그의 사이에 value를 넣어 전달 할 수도 있다. 이때는 props.children 으로 접근 가능하다.function Parent() { return ( I'm the parent I'm the eldest child );};function Child(props) { return ( {props.children} );};...

오늘 배운 것React SPA(Single-Page-Application)React Routerimport {BrowserRoute, Routes, Route, Link } from 'react-router-dom';grid (블로깅 완료)기억할 것SPA는 업데이트가 필요한 부분만 새로 불러온다.SPA 장점 1. 사용자의 행동에 빠르게 반응한다.2. 과부하 문제 줄임3. 더 나은 사용자 경험SPA 단점1. 대부분 코드가 js 파일안에 있어 javascript 파일이 무거워짐 -> 첫 화면 로딩 시간이 길어짐2. 검색 엔진 최적화(SEO)가 좋지 않다React Router 주요 컴포넌트 3가지1. BrowserRouter : 라우터 역할2. Routes & Route : 경로 매칭3. Link : 경로 변..

오늘 배운 것react 기초JSXuseEffect기억할 것리액트 3가지 특징 : 선언형, 컴포넌트기반, 범용성JSX(javascript xml) javascript를 확장한 문법으로 브라우저가 이해할 수 있도록 javascript 코드로 변환해주어야한다.이때 "Babel" 이용JSX 규칙 :1. 하나의 엘리먼트 안에 모든 엘리먼트가 포함되야함2. 클래스 사용 시, className으로 표기3. javascript를 쓰려면 중괄호 이용하기4. 사용자 정의 컴포넌트 대문자로 시작5. 조건부 렌더링에 삼항연산자 사용6. 여러 개의 html 엘리먼트 표시 시 map() 함수 이용, 이때 key 속성을 넣어야함 내일 공부할 것grid왜 아직 수요일인거지..?

오늘 배운 것fetch, axios디스트럭처링 할당 (블로깅 완료)useEffect 기억할 것axios는 자동으로 JSON 데이터 형식으로 변환된다중첩 객체에서 디스트럭처링 할당하는 방식 useEffect 의존성배열 내일 공부할 것useEffect 추가 custom hook비동기/동기 리액트오늘 정말 졸리네요.. 정리만 끝내고 이제 그만해야겠습네다..

오늘 배운 것콜백함수 -> 프로미스 -> asyn/await 으로 바꾸기useState기억할 것콜백함수를 프로미스로 바꿀 수 있어야하며 asyn/await 으로도 바꿀 수 있어야함! 내일 공부할 것useEffect디스트럭처링

오늘 배운 것이벤트 타이머 Ajax프로미스 asyn/await 기억할 것이벤트 위임, 버블링, 캡처링커스텀 이벤트 디스패치Ajax : JSON.stringify, JSON.parse 내일 공부할 것Node.js오늘은 딥다이브 이벤트부터 제너레이터와 async/await 까지 읽었습니다.천천히 정리하고 싶었는데 시간이 없어서 일단 내용이라도 알아야겠다는 생각으로 후루룩 살펴보았습니다.주말에 천천히 블로그에 정리해야겠네요.. with react