kyunghoonk00k

오늘 한 일 벨로퍼트 문서 보기 -- (매일) 드림코딩 + 노마드 리액트 + 패스트캠퍼스 강의 듣기 (매일) 주특기 학습 자료 -- 라우터 & 과제 노마드 실전형 리액트 hook & 리덕스 인공지능, 컴c, 파이썬 남은거 다 듣고 정리 - 저녁or밤 - 완료 오늘 느낀 것 react-router-dom src안에 shared 라는 폴더를 생성해주고, 그 안에 Router.js 파일을 생성해줍니다. 그리고 아래 코드를 작성해봅시다. import React from "react"; // 1. react-router-dom을 사용하기 위해서 아래 API들을 import 합니다. import { BrowserRouter, Route, Routes } from "react-router-dom"; // 2. Rou..

오늘 한 일 벨로퍼트 문서 보기 -- (매일) 드림코딩 + 노마드 리액트 + 패스트캠퍼스 강의 듣기 (매일) 노마드 실전형 리액트 hook 완강하기 주특기 학습 자료 -- Redux 오늘 느낀 것 - styled-components의 `GlobalStyles` 이란 무엇이고, 어떻게 사용해야 할까? - `css nesting` 이란 무엇일까? - CSS reset 이란, 무엇이고 왜 필요한가? Redux - 전역상태 관리 1. 컴포넌트에서 컴포넌트로 State를 보내기위해서는 반드시 **부-모 관계**가 되어야 한다. 2. 조부모 컴포넌트에서 손자 컴포넌트로 값을 보내고자 할때도 **반드시 부모 컴포넌트를 거쳐야만 한다. 즉, 정작** 부모컴포넌트에서는 그 값이 필요가 없어도 단순히 손자 컴포넌트에게 전..

오늘 한 일 오전10시 시험 벨로퍼트 문서 보기 -- 진행중 노마드 리액트 + 드림코딩 + 패스트캠퍼스 강의 듣기 (매일) 옵셔널 체이닝 개념 정리 퇴직금, 강의환불 완료 오늘 느낀 것 :not() not 셀렉터 안 쓰다보니 까먹고 있었음 css에서 &선택자는 부모를 지칭함 옵셔널 체이닝 = 오브젝트 변수에서 왼쪽이 비어있으면 오른쪽을 실행 안해줌 user?.name 중첩된 옵젝 자료에서 자료뽑을때 에러없이 안전하게 뽑을 수 있음 user ?? ' 오잉' 물음표 두개의 왼쪽이 비어있거나 undefined면 오잉을 출력 디바운스와 스로틀 DOM 이벤트를 기반으로 실행하는 JavaScript를 성능을 고려하여 양적인 측면, 즉 이벤트를 제어(제한) 하는 방법이다. 이벤트 핸들러가 많은 연산을 수행하는 경우에..

오늘 한 일 JS스터디 리액트 기초강의 인프런에서 듣기 -- 완료 벨로퍼트 문서 보기 -- 진행중 패스트캠퍼스 + 노마드 리액트 --- 위에 두개 끝내고 여유되면 입문주차 개인 과제 완료코드 이해하기 // 손코딩 반복 -- 완료 오늘 느낀 것 옵셔널 체이닝 예시 id : list[list.length-1]?.id +1 || 0 Hooks - 함수 컴포넌트에서 클래스 컴포넌트와 같은 기능을 쓰게해줌 - state, Lifecycle에 따른 기능 추가 - 사용자에 따라 만들 수도 있음 (use 붙여서) 종류 - useState : 함수형에서 state를 사용하게 해줌 리렌더링을 해줘야 화면에 나타남 - 사용법 const[변수명,set함수명] = useState(초기값); return값으로 배열 변수 각각에 ..

오늘 한 일 JS스터디 준비 256~277 -- 완료 리액트 기초강의 인프런에서 듣기 -- 진행중 벨로퍼트 문서 보기 -- 진행중 코딩애플 + 노마드 리액트 --- 위에 두개 끝내고 여유되면 입문주차 개인 과제 완료코드 이해하기 // 손코딩 반복 -- 진행중 패캠 환불하기 // 안 되면 추후에 듣기 -- 수강 내역 때문에 전액환불 안됨.. --- 추후에 꼼꼼하게 완강 오늘 느낀 것 라이브러리 프레임워크차이 = 흐름 제어권한차이 프레임워크는 자신한테 있음 // 리액트는 라이브러리 개발자가 원할 때 제어권한 리액트의 장점 1. 빠른 업데이트 & 렌더링 속도 웹사이트가 화면에 나타날 때 -- Virtual DOM 2. 컴포넌트 기반 3. 재사용성 -- 개발 기간 단축, 유지 보수 용이 하나의 컴포넌트가 재사용..

오늘 한 일 입문주차 개인 과제 완료 --- 손코딩 반복 딥러닝 끝 JS스터디 오늘 느낀 것 불변성 이해------- 왜 리액트에서 불변성을 지켜야하나? 리액트에서 불변성을 지켜주는 이유는 리액트가 상태 업데이트를 하는 원리 때문입니다. 리액트는 상태값을 업데이트 할 때 얕은 비교를 수행합니다. 즉 객체의 속성 하나하나를 비교하는게 아니라 참조값만 비교하여 상태 변화를 감지합니다. 이런 이유로 배열이나 객체를 업데이트 할때 setState([...state, newState]), setState({...state, [key]: value}) 이런식으로 배열이나 객체를 새로 생성해서 새로운 참조값을 만들어서 상태를 업데이트 합니다. 이런 행위가 불변성을 지켜주는 것입니다. 불변성을 지켜줌으로써 얻게 되는 ..

09.26 알고리즘 테스트 29 ~ 33 React.js 기초 듣기(4강부터) java, c++ 과제 제출 09.27 React.js 기초 10강 O 알고리즘 모의고사 O 10가지 배열 함수들 O 09.28 스터디 준비하면서 function 다시 공부 O 인공지능 딥러닝 컴c 듣기 O DOM구조 이해 유튜브 O DOM구조 이해 - 정리하기 O flex와 grid -정리하기 O Flex 연습 게임 - Flexbox Froggy O 09.29 오전 알고리즘 손코딩 O 알고리즘 테스트 O flex와 grid 유튜브 O 스터디 228p까지 O 09.30 주특기 입문 완강 팀프로젝트 완료 스터디 준비 228까지 입문주차 개인 과제 10.01 패캠 react 김민태개발자님 강의 듣기 o react기초 강의 듣기 o..

오늘 한 일 입문주차 개인 과제 완료하기 x 패캠 react 김민태개발자님 강의 듣기 o react기초 강의 듣기 o 오늘 느낀 것 props 참 오묘하게 이해가 안 된다.. 패캠 react 김민태 강의 입문자용 아님X 실전프로젝트 매니저님 컨펌 받고 많이 바뀜 const onChange = (key, value) => setToDo({ ...toDo, [key]: value }); // []를 해줘야 쓸 수 있음 [key]:value를 toDo 배열에 넣음 내일 할 일 입문주차 개인 과제 완료 파이썬 완강

오늘 한 일 주특기 입문 완강 팀프로젝트 완료 스터디 준비 228까지 입문주차 개인 과제 오늘 느낀 것 const [ value, setValue ] = useState( 초기값 ) map , filter 숙지 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map 추가적으로 알아둘 것 - 컴포넌트 기반 - 선언형 뷰 - JSX - Hooks - State & Props - yarn과 npm의 차이점은 무엇인가? - yarn 명령어는 어떤 것이 더 있을까? - 반드시 CRA를 써야만 리액트 프로젝트를 생성할 수 있는 것일까? - 클래스 컴포넌트는 무엇이고, 함수 컴포넌트와 무엇이 다른가? - Props ..