웹 개발에 대한 공부한것을 기록합니다.

한번 이상 배워본 기술

👨‍💻 FE

🧑‍💻 BE

🧑‍💻 DB

---

Apple Website interaction clone (2021-07-05 ~ 2021-07~10)

vanila js, html, css 를 이용해서 apple company 에서 주로 사용하는 스크롤 기법을 배웠습니다. 인프런의 1분코딩 님의 강의를 참고하였습니다. 바로가기

---

MOVIE APP (MERN) (2021-07-10 ~ 2021-07-11)

MongoDB , Express , React , Node js 를 사용하여 간단한 영화 목록 페이지 구축 Youtube John Ahn 님의 강의를 참고하였습니다. 바로가기

---

ECOMMERCE clone coding (2021-07-20 ~ 2021-07-23)

MongoDB , Express , React , Node js 를 사용하여 쇼핑몰 구축 Youtube의 Dev A.T 님의 강의를 참고하였습니다. 바로가기

---

MERN Shopping mall (2021-07-15 ~ 2021-07-26)

MongoDB , Express , React , Node js 를 사용하여 여행 쇼핑몰 구축 인프런의 John Ahn 님의 강의를 참고하였습니다. 바로가기

---

TypeScript Todo LIST (2021-12-23 ~ 2021-12-24)

나무소리 님의 유튜브 강의를 참고하였습니다. 바로가기

---

firebase-react just CRUD (2021-12-25)

PedroTech 님의 유튜브 강의를 참고하였습니다. 바로가기

---

💬 React-firebase chatApp !! (2021-12-25 ~ 2021-12-26)

Build and Deploy Private Chat App with React Firebase version 9

Farhan Farooq 님의 유튜브 강의를 참고하였습니다. 바로가기

---

💬 vanila JS & node JS & socket io !! (2022-01-11 ~ 2022-01-11 )

바닐라 자바스크립트와 노드 및 소켓을 이용한 실시간 채팅어플

code Scalper 님의 유튜브 강의를 참고하였습니다. 바로가기

---

💬 React JS & node JS WebSocket 통신 (2022-01-11 ~ )

리액트와 노드 및 소켓을 이용한 실시간 채팅어플 바로가기

---

React Redux Folder Structure (2022-01-10 ~ 2022-01-14 )

리액트에서 리덕스 툴킷을 이용한 폴더구조 잡기 바로가기

---

TDD Flow in REACT.JS (2022-01-14 ~ 2022-01-19, 2022-06-03)

리액트에서 TDD 를 어떻게 진행하는가? 리액트에서 Test Code 를 어떻게 작성하는가? 바로가기

Inflearn John Ahn 님의 강의와 FE CONF2020 최수형 님의 강연을 참고하였습니다.

---

Next.js Basic Introduction (2022-02-01 ~ 2022-02-02)

Why we have to use SSR than CSR SSR 맛보기 개념익히기

바로가기

노마드 코더님의 NextJS 시작하기 강의를 참고하였습니다.

---

React rendering optimization deep dive..💫 (2022-02-02 ~ 2022-02-05)

드디어 리액트 렌더링 최적화

바로가기

cocoder16님의 리액트 렌더링 최적화하는 8가지 방법 글을 참고하였습니다.

---

도커와 CI환경💦 (2022-02-12 ~ 2022-02-22)

도커이론, 이미지, 컨테이너, CI 구축

바로가기

---

WebRTC, WebSocket 을 이용한 Zoom clone coding💦 (2022-02-22 ~ ing)

바로가기

---

Next JS Medium Clone Coding😜 (2022-03-11)

Let's build Medium 2.0 with NEXT.JS! (TypeScript, Sanity CMS, React, Tailwind CSS, ISR)

바로가기

---

Next JS Facebook Clone Coding😜 (2022-03-11 ~ 2022-03-13)

Let's build Facebook 2.0 with NEXT.JS! (TypeScript, React, Tailwind CSS, Image Uploading,FaceBook Login)

바로가기

---

초보를 위한 도커 안내서🐳 (2022-04-18 ~ 2022-04-22)

빅픽처팀 스터디

바로가기

---

도커 쓸 땐 필수! 도커 컴포즈 (2022-04-25 ~ 2022-05-13)

빅픽처팀 스터디

바로가기

---

Bundling (2022-06-20 ~ 2022-06-25)

why & how

바로가기

---

react-testing-library (2022-07-01 ~ 2022-07-03)

리액트에서 테스트코드를 언제 어떻게 작성해야하는가? 이젠 실무에 적용할때

바로가기 바로가기

---

따라하며 배우는 TDD 개발 (2022-07-03~2022-07-12)

Nodejs 환경에서 테스트를 하는 기법 및 방법론 학습

바로가기

---

클라이언트 상태와 서버 상태를 명확하게 하자 react-query (2022-07-07~2022-07-12)

Codevolution 님의 react-query 강의

포켓몬 API 를 활용한 무한스크롤

바로가기

리액트 쿼리 요약글 컨트리뷰터

---

웹 성능 최적화 (2022-09-29~ )

프론트엔드 개발자가 갖춰야할 웹 성능 기법 공부

바로가기

함수형 프로그래밍과 ES6+ (2022-11-30~ 2022-12-04 )

함수형 프로그래밍과 ES6+