profile
스크린을 넘어 유쾌한 경험을 드리는 프론트엔드 개발자가 되도록 노력하고 있습니다.

냠냠_맛집 지도 프로젝트 - 1일 차

Next.js, SSR 구조, Next-Auth, Supabase, 카카오 맵 API를 학습하기 위해 지도 앱 프로젝트를 만들기로 했습니다.Next.jsNext-authReact-QueryReact-hook-formPrisma, SupabaseRecoilTailwind

2024년 6월 3일
·
0개의 댓글
·
post-thumbnail

[React] 리액트에서의 변수는 어떻게 다루면 제일 좋을까?

변수에 대해 학습을 하면서 주관적인 생각들을 담아낸 포스팅입니다.

2024년 4월 12일
·
0개의 댓글
·
post-thumbnail

간단하게 설명해보는 리액트 기술면접 질문 모음 - 2탄

리액트, 정말 어디까지 알고 계신가요?

2024년 4월 2일
·
0개의 댓글
·
post-thumbnail

간단하게 설명해보는 리액트 기술면접 질문 모음 - 1탄

리액트, 어디까지 알고 계신가요?

2024년 4월 2일
·
0개의 댓글
·
post-thumbnail

[React] 요리조리 알아보는 useReducer

컴포넌트 외부로 로직 분리할 수 있는 훅, useReducer

2024년 3월 27일
·
0개의 댓글
·
post-thumbnail

Props 관리하기

매번 많은 Props를 일일이 컴포넌트 프로퍼티에 작성하는 게 귀찮다면?

2024년 3월 27일
·
0개의 댓글
·
post-thumbnail

[Network] HTTP vs HTTPS

HTTP는 HyperText Transfer Protocol의 약자로, 인터넷에서 데이터를 주고받는 프로토콜입니다. 웹 서버와 클라이언트, 즉 브라우저 간에 통신할 때 사용하는 기본적인 규칙이죠. 하지만 HTTP의 큰 단점은 정보가 평문 형태로 전송된다는 것입니다. 이는 누군가 네트워크를 감시하고 있다면, 전송되는 정보를 쉽게 읽을 수 있다는 의미입...

2024년 3월 26일
·
0개의 댓글
·
post-thumbnail

[Network] TCP와 UDP

각 서비스마다 어울리는 프로토콜이 있다. 어떠한 특징을 가진 프로토콜인지 확인하고 어울리는 서비스를 찾아가보자!

2024년 3월 26일
·
0개의 댓글
·
post-thumbnail

[Network] HTTP 메소드 - GET과 POST의 차이

GET 메소드는 리소스를 요청하는 메소드이고, POST 메소드는 리소스를 생성 또는 업데이트를 하는 메소드입니다. 우선 결론을 먼저 말씀드리자면, GET과 POST의 차이는 북마크, 캐싱, 리소스 전달 방식, 데이터 길이, 멱등성 등이 있습니다.

2024년 3월 26일
·
0개의 댓글
·
post-thumbnail

[React] 여러 개의 입력값인 useState 관리하기

문제상황 입력값을 제어하기 위해 여러 개의 useState를 쓰고 있는데 중복되는 코드가 너무 많다.해결책 객체로 관리하거나 useReducer를 사용하자.

2024년 3월 23일
·
0개의 댓글
·
post-thumbnail

[React] useState (feat. Lazy initialization)

https://velog.io/@samkong/Lazy-initialization

2024년 3월 21일
·
0개의 댓글
·
post-thumbnail

[Browser] 크로스 브라우징

크로스 브라우징이란 웹페이지 제작 시 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게 나오게 하는 작업을 말한다.

2024년 3월 21일
·
0개의 댓글
·
post-thumbnail

[Browser] CORS (Cross Origin Resource Sharing)

CORS 란 브라우저에서 cross-origin 요청을 안전하게 할 수 있도록 하는 매커니즘을 말합니다.

2024년 3월 21일
·
0개의 댓글
·
post-thumbnail

[Browser] 브라우저의 렌더링 과정 (Critical Rendering Path)

브라우저 렌더링 과정을 알면 최적화할 곳이 보인다!

2024년 3월 21일
·
0개의 댓글
·

나만 보기 위한 맥북 설정 모음

맥북 Finder에서 VS Code 바로 열기 macOS 안내서 [한/영 전환 개선](https://subicura.com/mac/setup/hangle-input.html#%E1%84%92%E1%85%A1%E1%86

2024년 3월 20일
·
0개의 댓글
·
post-thumbnail

CRA가 아니라 Vite를 사용하는 이유 (작성중)

https://ko.vitejs.dev/guide/why.html

2024년 3월 20일
·
0개의 댓글
·
post-thumbnail

화살표 함수 (Arrow Function)

화살표 함수는 기존의 function 표현 방식보다 간결하게 함수를 표현할 수 있습니다.

2024년 3월 19일
·
0개의 댓글
·
post-thumbnail

프로미스 (Promise)

프로미스는 콜백 방식보다 자바스크립트 비동기 처리를 편하게 하기 위해 등장한 객체입니다.

2024년 3월 19일
·
0개의 댓글
·
post-thumbnail

클로저 (Closure)

함수가 종료되어도 함수가 속한 렉시컬 스코프를 접근할 수 있게 하는 공간, 클로저

2024년 3월 19일
·
0개의 댓글
·
post-thumbnail

호이스팅 (Hoisting)

선언문을 유효한 범위의 최상단을 끌어올리는 호이스팅

2024년 3월 19일
·
0개의 댓글
·