Tech log

프론트엔드 개발자로 전향하면서 백단과 프론트단 사이에서 소통은 어떤게 필요할까궁금해서 정리해보았다.📌 프론트 & 백엔드 협의 포인트필요한 데이터 및 형식 결정필드명 통일 (userId vs user_id vs id)불필요한 데이터 제거💡 예제: 주문 정보 API 협

props 는 properties 의 줄임말 컴포넌트에게 어떠한 값을 전달해줘야 할 때, props 를 사용합니다. prop의 기본값(defaultProp),타입(PropTypes), 컴포넌트 내 값 렌더링하기(props.children)을 정리했습니다.

display: flex에도 gap을??

Moment.js는 JavaScript에서 날짜와 시간을 쉽게 다룰 수 있도록 도와주는 라이브러리입니다. 가장 많이 사용되는 주요 메서드 5개를 소개하고, 각각의 정의와 예제를 정리해보겠습니다.

로컬 스토리지: 다크 모드 설정 유지, 자동 로그인 토큰 저장 세션 스토리지: 입력 폼 데이터 임시 저장, 페이지 이동 시 데이터 유지 ✔ 로컬 스토리지는 브라우저를 꺼도 유지되지만, 세션 스토리지는 탭을 닫으면 삭제된다!

✅ 쿠키 vs 세션 | 구분 | 쿠키 (Cookie) | 세션 (Session) | |------|-------------|--------------| | 저장 위치 | 클라이언트(브라우저) | 서버 | | 데이터 보관 기간 | 유효 기간을 설정하면 브라우저를 꺼도 유지됨 | 브라우저를 닫으면 일반적으로 삭제됨 | | 보안 | 브라우저에서 접근 가능 →...

웹 페이지는 HTML을 단순히 화면에 출력하는 것이 아니라, 브라우저의 렌더링 파이프라인(Rendering Pipeline) 을 거쳐 화면에 그려집니다.이 과정에서 성능에 큰 영향을 미치는 개념이 바로 Reflow와 Repaint입니다.이 두 개념을 정확히 이해하면 프

1. 정규표현식이란? 문자열에서 우리가 원하는 특정 문자열을 검색하고 대체하는 데 사용 가능한 일종의 형식 언어(패턴)입니다. 예로 들어, website 주소 및 전화번호 찾기/ 치환 그리고 패턴유효성 검사 등에 아주 요긴하게 쓰입니다.

Vue 3에서는 defineExpose와 defineEmits를 사용해 컴포넌트 간 데이터 및 기능을 전달할 수 있다. 이를 이해하려면, 먼저 이벤트(event)와 함수(function)의 차이를 알아야 한다.

Vue 3에서 ` 구문을 사용할 때, 컴포넌트 props를 정의하는 방식이 완전히 달라졌습니다. 이 글에서는 Vue 3의 defineProps와 withDefaults` 사용법을 예제와 함께 설명하고, Vue 2 방식과의 차이점도 짚어보겠습니다. ✅ Vue 2에서

vue2와 vue3의 차이점은 어떤것들이 있을까?

HTTP 상태 코드는 클라이언트와 서버 간의 통신에서 요청이 성공했는지, 실패했는지, 또는 추가 작업이 필요한지 등을 나타내는 숫자 코드입니다. 총 5가지 범주로 나뉩니다.클라이언트 요청이 접수되었으며 처리가 진행 중임을 나타냅니다.100 Continue: 요청의 일부

회사에서 신규 프로젝트 시작 전 프론트도 MSA 아키텍처로 짜야한다했다.. 찾아보니 프론트는 MFA라고.. 근데 찾아볼수록 눈물나는게 일단 나혼자임

Vue 3 + stylelint with scss

비동기 작업을 처리할 때 방법으로 callback, Promise, async/await가 있다. 강의를 정리한 차이점과 사용 방법들을 소개한다.