반응형

Til 42

[TIL]2022.10.12

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

생각/TIL,WIL 2022.10.12

[TIL]2022.10.11

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

생각/TIL,WIL 2022.10.12

[TIL]2022.10.10

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

생각/TIL,WIL 2022.10.11

[TIL]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..

생각/TIL,WIL 2022.10.09

[TIL]2022.10.06

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

생각/TIL,WIL 2022.10.07

[TIL]2022.10.05

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

생각/TIL,WIL 2022.10.06

[TIL]2022.10.04

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

카테고리 없음 2022.10.04

[TIL]2022.10.03

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

생각/TIL,WIL 2022.10.04

[WIL] 2022.09.26 ~ 10.02 [JavaScript의 ES란?, ES5/ES6 문법 차이]

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..

생각/TIL,WIL 2022.10.02

[TIL]2022.10.01

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

생각/TIL,WIL 2022.10.02
반응형