# 석우의 개발블로그

> 안녕하세요! 끊임없이 성장하려는 개발자 강석우 입니다 :)   github : https://github.com/Seokwoodang portfolio : https://www.seokwoo.top contact : swoo1429@gmail.com

## Categories

- [1day 1Dive](https://luke.inblog.io/category/1day-1dive)
- [1week 1Next](https://luke.inblog.io/category/1week-1next)
- [React](https://luke.inblog.io/category/react)
- [study 발표](https://luke.inblog.io/category/study-발표)
- [Testing Tool](https://luke.inblog.io/category/testing-tool)
- [명령어](https://luke.inblog.io/category/명령어)
- [함수형 프로그래밍](https://luke.inblog.io/category/함수형-프로그래밍)
- [협업툴](https://luke.inblog.io/category/협업툴)
- [회고](https://luke.inblog.io/category/회고)

## Posts in 함수형 프로그래밍

- [함수형 프로그래밍 1주차](https://luke.inblog.io/함수형-프로그래밍-1주차-30505): 섹션 1,2,3,4

## Posts in 1week 1Next

- [Nextjs 13, 15강 정리](https://luke.inblog.io/nextjs-13-15강-정리-23603)

## Posts in React

- [Redux 설치 및 소개](https://luke.inblog.io/redux-설치-및-소개-18710): 공식문서로 마스터하는 리덕스
- [useDeferredValue 파헤치기](https://luke.inblog.io/usedeferredvalue-파헤치기-18709): 공식문서를 통해 알아보는 useDeferredValue 훅
- [useTransition 파헤치기](https://luke.inblog.io/usetransition-파헤치기-18704): 공식문서를 통해 알아보는 useTransition 훅
- [useCallback 파헤치기](https://luke.inblog.io/usecallback-파헤치기-17038)
- [useMemo 파헤치기](https://luke.inblog.io/usememo-17026): 공식문서를 통해 알아보는 useMemo훅
- [Cypress](https://luke.inblog.io/cypress-16273): 테스트 코드 cypress를 공부해보자
- [dayjs ](https://luke.inblog.io/dayjs--16354): dayjs 라이브러리를 사용해보자
- [React i18n-next ](https://luke.inblog.io/react-i18nnext-16165): 다국어 작업 라이브러리 i18n-next 에 대해 알아보자
- [왜 BrowserRouter 일까?](https://luke.inblog.io/왜-browserrouter-일까-15394): HashRouter 와 BrowserRouter 의 차이와 어떤 걸 써야 하는지 알아보자
- [React-helmet-async ( SEO 부분 업데이트 필요 )](https://luke.inblog.io/reacthelmetasync-업데이트-필요--15883): 리액트로 SEO 능력을 끌어내보자
- [Atomic Pattern 도입기](https://luke.inblog.io/atomic-pattern-도입기-15469): 아토믹 패턴의 도입과 성찰

## Posts in 1day 1Dive

- [14장 웹사이트 보안을 위한 리액트와 웹페이지 보안이슈](https://luke.inblog.io/14장-웹사이트-보안을-위한-리액트와-웹페이지-보안이슈-19325)
- [13장 웹페이지의 성능을 측정하는 다양한 방법](https://luke.inblog.io/13장-웹페이지의-성능을-측정하는-다양한-방법-18870)
- [12장 모든 웹 개발자가 관심을 가져야 할 핵심 웹 지표](https://luke.inblog.io/12장-모든-웹-개발자가-관심을-가져야-할-핵심-웹-지표-18819)
- [10장 리액트 17과 18의 변경 사항 살펴보기](https://luke.inblog.io/1-18653)
- [8장 좋은 리액트 코드 작성을 위한 환경 구축하기](https://luke.inblog.io/8장-좋은-리액트-코드-작성을-위한-환경-구축하기-18077): ESLint
- [4장 서버 사이드 렌더링 (2)](https://luke.inblog.io/4장-서버-사이드-렌더링-2-18028): 4.3 Next.js 살펴보기
- [4장 서버 사이드 렌더링 (1)](https://luke.inblog.io/4장-서버-사이드-렌더링-1-17946)
- [7장 크롬 개발자 도구를 활용한 애플리케이션 분석](https://luke.inblog.io/7장-크롬-개발자-도구를-활용한-애플리케이션-분석-17730)
- [6장 리액트 개발도구로 디버깅하기](https://luke.inblog.io/6장-리액트-개발도구로-디버깅하기-17688)
- [5장 리액트와 상태관리 라이브러리](https://luke.inblog.io/5장-리액트와-상태관리-라이브러리-1-17216): 5.1 상태관리는 왜 필요한가? 5.2 리액트 훅으로 시작하는 상태관리
- [3장 리액트 훅 깊게 살펴보기 (2)](https://luke.inblog.io/3장-리액트-훅-깊게-살펴보기-2-17148): 3.2 사용자 정의 훅과 고차 컴포넌트 중 무엇을 써야 할까?
- [3장 리액트 훅 깊게 살펴보기 (1)](https://luke.inblog.io/3장-리액트-훅-깊게-살펴보기-17053): 3.1 리액트의 모든 훅 파헤치기
- [2장 리액트 핵심요소 깊게 살펴보기 (3)](https://luke.inblog.io/2-리액트-핵심-요소-깊게-살펴보기-3-16978): 2.4 렌더링은 어떻게 일어나는가? 2.5 컴포넌트와 함수의 무거운 연산을 기억해 두는 메모이제이션
- [2장 리액트 핵심요소 깊게 살펴보기 (2)](https://luke.inblog.io/2장-리액트-핵심요소-깊게-살펴보기-2-16975): 2.3 클래스 컴포넌트와 함수 컴포넌트
- [2장 리액트 핵심요소 깊게 살펴보기 (1)](https://luke.inblog.io/2장-리액트-핵심요소-깊게-살펴보기-1-16756): 2.1 JSX란? 2.2 가상 DOM과 파이버
- [1장 리액트 개발을 위해 꼭 알아야 할 스크립트 (3)](https://luke.inblog.io/1장-리액트-개발을-위해-꼭-알아야-할-스크립트-3-16698): 1.5 이벤트 루프와 비동기 통신의 이해 1.6 리액트에서 자주 사용하는 자바스크립트 문법 1.7 선택이 아닌 필수, 타입스크립트
- [1장 리액트 개발을 위해 꼭 알아야 할 스크립트 (2)](https://luke.inblog.io/1장-리액트-개발을-위해-꼭-알아야-할-스크립트-2-16682): 1.3. 클래스 1.4. 클로저
- [1장 리액트 개발을 위해 꼭 알아야 할 스크립트 (1)](https://luke.inblog.io/1장-리액트-개발을-위해-꼭-알아야-할-스크립트-1-16593): 1.1 자바스크립트 동등 비교 1.2 함수

## Posts in Testing Tool

- [Jest를 사용한 커버리지 확인](https://luke.inblog.io/jest를-사용한-커버리지-확인-19127)
- [스토리북을 활용한 디자인시스템 (Button 편)](https://luke.inblog.io/스토리북과-디자인시스템-17408): 스토리북을 활용해 직접 디자인시스템을 구축하는 작업을 나타냈습니다.
- [StoryBook 개요](https://luke.inblog.io/storybook-16582): 디자인 시스템을 안정적으로 구현시켜주는 테스팅 라이브러리 StoryBook을 공식문서를 통해 학습해보자

## Posts in study 발표

- [모던 리액트 2주차 스터디 발표자료 - 3장](https://luke.inblog.io/모던-리액트-2주차-스터디-발표자료-3장-17529)
- [모던리액트 1주차 스터디 발표자료 - 2장](https://luke.inblog.io/모던리액트-1주차-스터디-발표자료-luke-17171): 2장 리액트 핵심요소 깊게 살펴보기

## Posts in 회고

- [2024.02.21 - 스터디 모집](https://luke.inblog.io/20240221-스터디-모집-16504): 스터디 모집 공고를 올렸다.
- [2024.02.19 에러핸들링](https://luke.inblog.io/20240219-에러핸들링-16291)
- [2024.02.13 - 실수에서 배우는 개발태도](https://luke.inblog.io/20240213-회고-16023): Jest를 사용하기 위해서는 초기 설정이 중요하다

## Posts in 명령어

- [명령어 ](https://luke.inblog.io/명령어--15696): 자주 사용하는 명령어를 명확하게 알고 사용하자

## Posts in 협업툴

- [ESLint 적용](https://luke.inblog.io/eslint-적용-15557): eslint를 나의 프로젝트에 적용해보자!
- [Prettier 사용법](https://luke.inblog.io/prettier-사용법-15379): 공식문서를 통해 Prettier의 사용법에 대해 알아보자
- [Prettier 개요](https://luke.inblog.io/prettier-개요-15170): 공식문서를 통해 prettier 를 파헤쳐보자!
- [eslintrc 의 구성요소](https://luke.inblog.io/eslintrc-의-구성요소-15087): eslintrc 파일의 구성요소들에 대해 공식문서를 통해 알아보자
- [ESLint 의 개요](https://luke.inblog.io/eslint의개요): 협업을 위한 필수 작업. ESLint 에 대해 알아보고 적용해보자

## Other Posts

- [알고리즘 개념 정리](https://luke.inblog.io/알고리즘-개념-정리-33865)
- [함수형 프로그래밍 4주차](https://luke.inblog.io/함수형-프로그래밍-4주차-33238)
- [함수형 프로그래밍 2주차](https://luke.inblog.io/함수형-프로그래밍-2주차-31048)
- [supabase CRUD 이해하기](https://luke.inblog.io/supabase-crud-이해하기-23211)
- [supabase Type 명령어 한 줄로 자동생성하기](https://luke.inblog.io/supabase-typescript-사용하기-type-자동추론-22605): 명령어 한 줄로 table type 자동완성
- [supabase 초기셋팅 및 회원가입 / 로그인](https://luke.inblog.io/supabase-초기셋팅-및-회원가입-22311): supabase 초기셋팅과 회원가입, 로그인을 마스터 해보자!!
- [15장 마치며](https://luke.inblog.io/15장-마치며-39006)
- [Next.js 성능 최적화 해보기](https://luke.inblog.io/nextjs-성능-최적화-해보기-19202)
- [9장 모던 리액트 개발 도구로 개발 및 배포 환경 구축하기](https://luke.inblog.io/9장-모던-리액트-개발-도구로-개발-및-배포-환경-구축하기-36912)
- [테스트 코드 작성 공부](https://luke.inblog.io/테스트-코드-작성-공부-15991): 프론트 엔드 개발자로서 테스트코드 작성에 대한 공부와 이해도를 높이자