열심히 공부한 내용을 기록 하고 공유 하여
함께 성장 하고싶어 만든
기술 블로그입니다.
![profile](/_next/image?url=%2Fasset%2Fprofile.png&w=384&q=75)
![series-thumbnail](/_next/image?url=%2Fposts%2F%EC%9B%B9%20%EA%B0%9C%EB%B0%9C%20%EA%B3%B5%EB%B6%80%2F11.%20%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%97%90%EC%84%9C%20%EB%AA%A8%EB%B0%94%EC%9D%BC%20%EB%94%94%EB%B0%94%EC%9D%B4%EC%8A%A4%20%EA%B8%B0%EB%8A%A5%EC%97%90%20%EC%A0%91%EA%B7%BC%ED%95%98%EA%B8%B0%2Fmedia.gif&w=384&q=75)
브라우저(웹)에서 모바일 카메라에 접근하는 방법
브라우저에선 유저 모바일 디바이스에 Stream API 방식으로 접근하여 카메라에 접근 할 수 있다.
웹 개발 공부Sat Aug 10 2024
![series-thumbnail](/_next/image?url=%2Fposts%2F%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC%2F03.%20Distance%20Vector%20Routing%2Fimage-3.png&w=384&q=75)
라우팅 프로토콜 알고리즘 : Distance Vector Routing
Distance Vector Routing 의 공식과 Infinity Problem 해결 방식에 대해 알아보자
네트워크Sun Jul 28 2024
![series-thumbnail](/_next/image?url=%2Fposts%2F%EC%9B%B9%20%EA%B0%9C%EB%B0%9C%20%EA%B3%B5%EB%B6%80%2F09.%20IA%20%EB%9E%80%20%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C%2Finformation-architecture-venn-diagram.webp&w=384&q=75)
IA 란 무엇이고 어떻게 작성할까 ?
개발 문서의 필요성과 IA에 대한 소개, 작성 흐름에 대한 개괄적인 내용
웹 개발 공부Sat Jul 27 2024
![series-thumbnail](/_next/image?url=%2Fposts%2F%EC%9B%B9%20%EA%B0%9C%EB%B0%9C%20%EA%B3%B5%EB%B6%80%2F08.%20%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%97%90%EC%84%9C%20%EC%82%AC%EC%9A%A9%ED%95%A0%20%EC%BB%A4%EB%B0%8B%20%EC%BB%A8%EB%B2%A4%EC%85%98%2Fthumb.png&w=384&q=75)
팀 프로젝트에서 자주 사용되는 커밋 컨벤션
Udacity Commit Convention에 대해 알아보자
웹 개발 공부Wed Jul 24 2024
![series-thumbnail](/_next/image?url=%2Fposts%2F%EC%9B%B9%20%EA%B0%9C%EB%B0%9C%20%EA%B3%B5%EB%B6%80%2F07.%20%ED%8C%80%20%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC%20%EC%9C%84%ED%95%9C%20%EA%B9%83%ED%97%88%EB%B8%8C%20%EC%B4%88%EA%B8%B0%20%EC%84%A4%EC%A0%95%2Fthumb.png&w=384&q=75)
팀 프로젝트에서 Github를 branch를 이용해 협업을 해보자
Github 초기 설정과 branch를 사용하는 이유, 방법에 대해 알아보자
웹 개발 공부Tue Jul 23 2024
![series-thumbnail](/_next/image?url=%2Fposts%2F%EC%9B%B9%20%EA%B0%9C%EB%B0%9C%20%EA%B3%B5%EB%B6%80%2F06.%20%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C%EC%97%90%EC%84%9C%20%ED%85%8C%EC%8A%A4%ED%8A%B8%20%EC%A3%BC%EB%8F%84%20%EA%B0%9C%EB%B0%9C%20%ED%95%98%EA%B8%B0%2Fthumb.png&w=384&q=75)
프론트엔드에서 테스트 코드를 사용해야 하는 이유와 사용 예시 - 실전편
로그인 컴포넌트를 기능과 함께 테스트 주도 개발로 생성해보자
웹 개발 공부Fri Jul 19 2024
![series-thumbnail](/_next/image?url=%2Fposts%2F%EC%9B%B9%20%EA%B0%9C%EB%B0%9C%20%EA%B3%B5%EB%B6%80%2F05.%20%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C%EC%97%90%EC%84%9C%20%ED%85%8C%EC%8A%A4%ED%8A%B8%20%EC%A3%BC%EB%8F%84%20%EA%B0%9C%EB%B0%9C%20%ED%95%98%EA%B8%B0%2Fthumb.png&w=384&q=75)
프론트엔드에서 테스트 코드를 사용해야 하는 이유와 사용 예시 - 이론편
프론트엔드에서 테스트 코드가 필요한 이유와 Jest 의 사용 예시를 알아보자
웹 개발 공부Fri Jul 19 2024
![series-thumbnail](/_next/image?url=%2Fposts%2F%EC%9B%B9%20%EA%B0%9C%EB%B0%9C%20%EA%B3%B5%EB%B6%80%2F04.%20Zustand%20%EB%A5%BC%20%EA%B2%BD%ED%97%98%ED%95%B4%EB%B3%B4%EC%9E%90%2Fbear.jpg&w=384&q=75)
Zustand 공식문서를 따라가며 Zustand 사용법을 익혀보자
Zustand의 사용 패턴 및 의존성 주입을 알아보자
웹 개발 공부Tue Jul 16 2024
![series-thumbnail](/_next/image?url=%2Fposts%2F%EC%9B%B9%20%EA%B0%9C%EB%B0%9C%20%EA%B3%B5%EB%B6%80%2F03.%20%EB%A6%AC%EC%95%A1%ED%8A%B8%20%EC%BF%BC%EB%A6%AC%EB%A5%BC%20%EA%B2%BD%ED%97%98%ED%95%B4%EB%B3%B4%EC%9E%90%2F01.png&w=384&q=75)
React Query 를 찍어먹어보자
서버 상태에 대한 간략한 개념과 useQuery 사용 후기
웹 개발 공부Mon Jul 15 2024
![series-thumbnail](/_next/image?url=%2Fposts%2F%EC%9B%B9%20%EA%B0%9C%EB%B0%9C%20%EA%B3%B5%EB%B6%80%2F02.%20Redux%20Toolkit%20%EC%A0%95%EB%A6%AC%ED%95%98%EA%B8%B0%2FReduxDataFlowDiagram-49fa8c3968371d9ef6f2a1486bd40a26.gif&w=384&q=75)
Redux의 개념을 훑어보고 라이브러리 없이 간단히 구현해보자
Redux 는 Flux 패턴을 이용하며 중앙 집권형 외부 저장소를 이용해 상태 값을 변경한다. 바닐라 자바스크립트로 구현해보자
웹 개발 공부Sun Jul 14 2024