kyunghoonk00k

오늘 한 일 axios && redux toolkit 코딩알려주는 누나 강의 듣기 오전 시험 오늘 느낀 것 fetch 하는법 router연습 useNavigate(함수) or Link ?query 뒤에는 url에 영향을 주지 않음 useSearchParams redirect = 상황에 맞춰서 경로를 바꿔주는법 (login을 해야 드감) Navigate 추가 좋았던 점 api통신 가능해짐 개선점 아직 헷갈린다 내일 할 일 axios && redux toolkit 코딩알려주는 누나 강의 듣기 금까지 주특기 심화연습

오늘 한 일 axios && redux toolkit 코딩알려주는 누나 강의 듣기 금까지 오늘 느낀 것 react snippets class components 찍먹 lifecycle 흠 경우의 수 어렵다 useEffect + axios를 활용하여 API 호출 Middleware redux toolkit 좋았던 점 아직 갈 길이 멀다.. 개선점 갈 길이 멀다 .. 성장 가능성이 있다 ㅎ 내일 할 일 axios && redux toolkit 코딩알려주는 누나 강의 듣기 금까지 오전 시험

오늘 한 일 벨로퍼트 문서 보기 드림코딩(128) + 노마드 리액트(12) + 패스트캠퍼스(25) + 코딩애플(8) 강의 듣기 드림코딩 js 기초 진행중 주특기 과제 전체 손코딩 반복 10시 팀과제조사 2번 // DIY useSelector 최적화 딥러닝 8강, 인공지능 8강, 클라우드 8~15강 또백함수..Promise async & await 오늘 느낀 것 일반 업데이트vs함수형 업데이트, useEffect 사용 오버라이딩 편하다 스타일 컴포넌트 익숙해져야한다 동기 : 순차적, 어떻게 실행될 것인가 파악 쉬움 비동기 : 각자의 시간에 따라서, 혼란스러움 but 상당히 빠름 서버와 통신할 때 동기로 하게 되면 서버와 통신하는 동안 어떠한 작업도 할 수 없음 콜백함수 : 지금 바로 실행 되지는 않지만 다..

오늘 한 일 벨로퍼트 문서 보기 -- (매일) 드림코딩(12) + 노마드 리액트(10) + 패스트캠퍼스(25) + 코딩애플(8) 강의 듣기 (매일) 주특기 과제 ID 부분 -- 수정 완 팀과제조사 2번 -- 옵셔널 체이닝 , DIY 2번 완 드림코딩 js 기초 진행중 오늘 느낀 것 redux 눈이 뜨인다.. 내일 할 일 벨로퍼트 문서 보기 -- (주특기 심화안에) 드림코딩(128usd) + 노마드 리액트(12) + 패스트캠퍼스(25) + 코딩애플(8) 강의 듣기 (주특기 심화안에 완) 드림코딩 js 기초 진행중 주특기 과제 전체 손코딩 반복 오전에 완하기 내일10시 팀과제조사 2번 DIY 발표 diy 1번 useSelector 최적화

2022.10.03 입문주차 개인 과제 완료 --- 손코딩 반복 딥러닝 끝 JS스터디 2022.10.05 JS스터디 리액트 기초강의 인프런에서 듣기 -- 완료 벨로퍼트 문서 보기 -- 진행중 패스트캠퍼스 + 노마드 리액트 --- 위에 두개 끝내고 여유되면 입문주차 개인 과제 완료코드 이해하기 // 손코딩 반복 -- 완료 2022.10.06 오전10시 시험 벨로퍼트 문서 보기 -- 진행중 노마드 리액트 + 드림코딩 + 패스트캠퍼스 강의 듣기 (매일) 옵셔널 체이닝 개념 정리 퇴직금, 강의환불 완료 2022.10.07 벨로퍼트 문서 보기 -- (매일) 드림코딩 + 노마드 리액트 + 패스트캠퍼스 강의 듣기 (매일) 노마드 실전형 리액트 hook 완강하기 주특기 학습 자료 -- Redux 2022.10.08 벨..

오늘 한 일 벨로퍼트 문서 보기 -- (매일) 드림코딩 + 노마드 리액트 + 패스트캠퍼스 강의 듣기 (매일) 주특기 학습 자료 -- 라우터 & 과제 노마드 실전형 리액트 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스터디 오늘 느낀 것 불변성 이해------- 왜 리액트에서 불변성을 지켜야하나? 리액트에서 불변성을 지켜주는 이유는 리액트가 상태 업데이트를 하는 원리 때문입니다. 리액트는 상태값을 업데이트 할 때 얕은 비교를 수행합니다. 즉 객체의 속성 하나하나를 비교하는게 아니라 참조값만 비교하여 상태 변화를 감지합니다. 이런 이유로 배열이나 객체를 업데이트 할때 setState([...state, newState]), setState({...state, [key]: value}) 이런식으로 배열이나 객체를 새로 생성해서 새로운 참조값을 만들어서 상태를 업데이트 합니다. 이런 행위가 불변성을 지켜주는 것입니다. 불변성을 지켜줌으로써 얻게 되는 ..