캐나다 개발자

1. Format on Save 확인 > vscode 설정에서 format on save를 입력하고 나오는 설정에 체크되어 있는 지 확인한다. 2. Default Formatter 확인 > 간혹 에디터의 default로 설정되어 있는 formatter가 null 이거나 설정이 잘못되어 있는 경우가 있다. 설정이 esbenp.prettier-vscode 로 설정되어 있는 지 확인해야 한다. 18

// 프리티어 설치 yarn add -D prettier // 에스린트 설치 yarn add -D eslint-plugin-prettier eslint-config-prettier 코드에서 안쓰는 변수나 함수를 잡아주는 extension // .eslintrc // 프리티어의 추천을 따르겠다. { "extends": ["plugin:prettier/recommended", "react-app"] } prettier(코드를 정렬해주는도구) // .prettierrc // 프리티어 내부 코드 { "printWidth": 120, "tabWidth": 2, "singleQuote": true, "trailingComma": "all", "semi": true } ),

# Day 01 목표 # Study - Prettier, Eslint에 대한 이해 100% - Yarn vs npm에 대한 이해 100% # Project - 기획 및 노션 작성 - 와이어 프레임 - 폴더 구조 정리 # 주요 사항 - 디자이너분과 첫 만남 - 팀방향과 주요기능에 대한 토론

* 과제 과제.. 그리고 배포 8pm 과제 발표 wil 추가 가장 신경쓴기술: 없는거같다. 그냥 crud

// Outlet - 렌더링하는 영역을 구현하는 Directive import { Outlet } from "react-router-dom"; import Signin from '../../Pages/Signin' const useAuth = () =>{ const token = localStorage.getItem("Authorization") return token; } const ProtectedRoutes = () =>{ const isAuth = useAuth(); return isAuth !== null ? : } export default ProtectedRoutes; // 아래처럼 감싸주면 된다.

이번주 목표 1. 리액트쿼리 공부해보기 2. 리액트로 검색기능, 결제기능 구현 3. 툴킷 사용해서 CRUD 4. GraphQL 5. Vue vs React https://github.com/gyoogle/tech-interview-for-developer/blob/master/Web/Vue.js%EC%99%80%20React%EC%9D%98%20%EC%B0%A8%EC%9D%B4.md 6. 세션 1까지 클론코딩 이번주가 지나면? 5pm- 9pm react 슬랙 9-10:30pm 과제 detail 페이지구현 10:30 cs cs 조모임 10:50-12pm 과제 update page update, delete 기능 구현 12pm - 14pm 과제 댓글 crud 구현 9pm- 12pm 과제 못다한거 구현

출처: https://nyol.tistory.com/148#:~:text=%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%8A%94%20%EB%B7%B0%EC%97%90,%EC%95%8A%EC%9D%84%EA%B9%8C%EB%9E%80%20%EC%83%9D%EA%B0%81%EC%9D%B4%20%EB%93%A0%EB%8B%A4. REACT VUE UI 라이브러리 VS 프레임워크 UI 라이브러리 - 필요한 라이브러리를 매번 설치 프레임워크 - 기본적으로 많은 기능이 내장 코드 형태 JSX형태로 코드를 작성해야한다 (js만 사용가능) Template, script, css 는 무조건 태그로 감싼 후 코드를 적용 가능. 컴포넌트 분리와 재사용 컴포넌트의 생성 및 재사용 (props, components)..

이번주 목표 1. 리액트쿼리 공부해보기 2. 리액트로 검색기능, 결제기능 구현 3. 툴킷 사용해서 CRUD 4. GraphQL 5. Vue vs React https://github.com/gyoogle/tech-interview-for-developer/blob/master/Web/Vue.js%EC%99%80%20React%EC%9D%98%20%EC%B0%A8%EC%9D%B4.md 6. 세션 1까지 클론코딩 이번주가 지나면? 12PM- 5AM 과제 * 5AM - 8AM React 프론트엔드 초기 세팅하기

이번주 목표 1. 리액트쿼리 공부해보기 2. 리액트로 검색기능, 결제기능 구현 3. 툴킷 사용해서 CRUD 4. Vue vs React https://github.com/gyoogle/tech-interview-for-developer/blob/master/Web/Vue.js%EC%99%80%20React%EC%9D%98%20%EC%B0%A8%EC%9D%B4.md 이번주가 지나면? 3PM - 5PM 과제 채팅 나누기 5PM - 7PM React, Nodejs 소켓이용해서 채팅 구현해보기 10:30PM CS CS 조모임

이번주 목표 1. TS + Redux => todo, TS + toolkit => todo 2. 스파르타 강의 2,3 주차 이론 및 필요한 내용 공부 3.CS 공부 https://github.com/JaeYeopHan/Interview_Question_for_Beginner#what-is-this 4. 채팅기능 구현해보기 5. 결제기능, 로그인기능 구현해보기 6. 리액트로 페이지네이션/검색 기능 구현해보기 이번주가 지나면? - 타입스크립트가 조금 익숙하다 - React Redux/ Redux Toolkit 하고 꽤나 가깝다 - Babel, Webpack 이 뭔지 이해할수 있다. - React와 아주 가까운 사이가 된다. 7PM - 8PM React 스파르타 5강