캐나다 개발자

1. 리액트의 핵심 모듈 두가지 // 리액트 컴포넌트를 HTML Element에 연결 import ReactDOM from 'react-dom' //리액트 컴포넌트 만들기 import React from 'react' 2. a 태그와 Link Router의 차이 a태그는 이동되면 이동되면서 서버로부터 파일들을 새로 다시 가져온다. Link는 페이지가 이동되면서 서버로부터 파일을 안가져오고, 있는 파일중에 필요한 파일만 골라서 렌더링을 해준다. 3. NavLink - 태그가 눌리면 active라는 클래스가 붙는다. 그래서 그 클래스에 스타일을 주면 내가 어떤 링크를 클릭했는지 알수 있다. // App.jsx import {NavLink} from 'react-router-dom' import './App...

이번주 목표 1. TS + Redux => todo, TS + toolkit => todo 2. 스파르타 강의 2,3 주차 이론 및 필요한 내용 공부 3.CS 공부 https://github.com/JaeYeopHan/Interview_Question_for_Beginner#what-is-this 4. ReduxToolKit 으로 상태관리 연습하기 => 사이드 프로젝트 구현 5. Babel, Webpack 기본 공부하기 6. 리액트로 페이지네이션/검색 기능 구현해보기 이번주가 지나면? - 타입스크립트가 조금 익숙하다 - React Redux/ Redux Toolkit 하고 꽤나 가깝다 - Babel, Webpack 이 뭔지 이해할수 있다. - React와 아주 가까운 사이가 된다. 시간 SKILLS 할일..

이번주 목표 1. TS + Redux => todo, TS + toolkit => todo 2. 스파르타 강의 2,3 주차 이론 및 필요한 내용 공부 3.CS 공부 https://github.com/JaeYeopHan/Interview_Question_for_Beginner#what-is-this 4. ReduxToolKit 으로 상태관리 연습하기 => 사이드 프로젝트 구현 5. Babel, Webpack 기본 공부하기 6. 리액트로 페이지네이션/검색 기능 구현해보기 이번주가 지나면? - 타입스크립트가 조금 익숙하다 - React Redux/ Redux Toolkit 하고 꽤나 가깝다 - Babel, Webpack 이 뭔지 이해할수 있다. - React와 아주 가까운 사이가 된다. 시간 SKILLS 할일..

useParam을 사용하면 현재 경로를 가져올수 있다. 가져온 경로는 객체안의 배열로 감싸져 있다. 주로 필요한건 value값이라 value를 아래처럼 꺼내줄 수 있다. const navigation = useParams(); const emptyValue = Object.values(navigation); console.log(emptyValue[0]);

라우팅을 하다보면 연결된 주소안에서 또 라우팅을 해야할 경우가 있다 최상단 경로에 와일드 카드로 주소를 주고(아래) 그 다음경로부터는 아래처럼 준다. 만약 어딘가에서 Link나 Navigate 할일이 있으면, 아래처럼 평소같이 들어가면 된다, ID: 0{id} {category} {title} {content} {time}

이번주 목표 1. 타입스크립트 기본 문법 + 리액트 문법 끝내기 => 타입스크립트로 todo Vanila Redux 구현 2. 스파르타 강의 2,3 주차 이론 및 필요한 내용 공부 3.Computer Architecture, Data Structure 공부 https://github.com/kevinkim910408/tech-interview-for-developer 4. ReduxToolKit 으로 상태관리 연습하기 => 사이드 프로젝트 구현 5. Babel, Webpack 기본 공부하기 6. 리액트로 페이지네이션/검색 기능 구현해보기 이번주가 지나면? - 타입스크립트를 사용하는게 무섭지 않다. - React Redux/ Redux Toolkit 하고 조금 더 가까운 사이가 된다. - CS를 오랜만에 ..

이번주 목표 1. 타입스크립트 기본 문법 + 리액트 문법 끝내기 => 타입스크립트로 todo Vanila Redux 구현 2. 스파르타 강의 2,3 주차 이론 및 필요한 내용 공부 3.Computer Architecture, Data Structure 공부 https://github.com/kevinkim910408/tech-interview-for-developer 4. ReduxToolKit 으로 상태관리 연습하기 => 사이드 프로젝트 구현 5. Babel, Webpack 기본 공부하기 6. 리액트로 페이지네이션/검색 기능 구현해보기 이번주가 지나면? - 타입스크립트를 사용하는게 무섭지 않다. - React Redux/ Redux Toolkit 하고 조금 더 가까운 사이가 된다. - CS를 오랜만에 ..

이번주 목표 1. 타입스크립트 기본 문법 + 리액트 문법 끝내기 => 타입스크립트로 todo Vanila Redux 구현 2. 스파르타 강의 2,3 주차 이론 및 필요한 내용 공부 3.Computer Architecture, Data Structure 공부 https://github.com/kevinkim910408/tech-interview-for-developer 4. ReduxToolKit 으로 상태관리 연습하기 => 사이드 프로젝트 구현 5. React Query 기본 공부하기 6. 리액트로 페이지네이션/검색 기능 구현해보기 이번주가 지나면? - 타입스크립트를 사용하는게 무섭지 않다. - React Redux/ Redux Toolkit 하고 조금 더 가까운 사이가 된다. - CS를 오랜만에 리마인..

어플리케이션 - 운영체제를 플랫폼 삼아 작업하는 온갖 종류의 프로그램이나 소프트웨어를 말한다. - 한가지 기능만 있는 계산기 같은 어플리케이션도 있고, 여러가지 복잡한 작업을 수행하는 word나 excel도 있다. - 복잡한 작업을 수행하는 word나 excel 등은 다른 프로그램보다 훨씬 규모가 크고, 복잡한 알고리즘이 이용된다 - ex) input창에 값을 입력했을때, 화면에 정보를 바로바로 표시해주는거, 글자에대해 크기, 색상등을 선택할수 있게 하는거 등등 그 중에서 브라우저는 규모가 크고 간혹 오픈소스로 개발되는 어플리케이션이고, 다른 어플리케이션들보다 훨씬 복잡할 수 있다. (크롬, 사파리 등) - 일단 정보를 웹 서버에 보내고 받아오는 비동기 처리를 해야한다. - 사용자가 브라우저안에서 갑자기..

시간 SKILLS 할일 2pm - 4pm React 페이지네이션 6pm - 8pm Redux Tool kit CRUD 8pm - 10:30pm TS Typescript 10:30pm CS cs 조모임 10:50pm - 11:30pm cs cs조모임 발표준비 [소프트웨어] 38~39번 6 am React React 조모임 7am - 9am React Tool kit CRUD 10am - 12pm TS Typescript 해야할일 스파르타 강의 과제 스터디팀 공부 대감 - 툴킷 곤감 - 리액트 캐감 - 쿼리 팀작업 1. 해리포터 덕질 사이트 - 상의 후 배포 2. 클론프로젝트 잠시 중단 개인공부 - 타입스크립트 쇼핑카트 https://www.youtube.com/watch?v=sfmL6bGbiN8 전산학공부..