프로젝트를 시작하려고 할 때 늘 vite와 next.js 중 뭘로 개발할지 고민했는데, 그 때마다 next.js의 SSR이 굳이 필요할까? SSR은 언제 필요하지? 라는 질문을 반복하게 되어 확실히 짚고 넘어가고 싶었다. 의문이 들 때마다 찾아봤는데 딱히 와닿지 않았

https://velog.io/@yeon0731/Tailwind-CSS-v4-%EB%8F%84%EC%9E%85%EA%B3%BC-%EC%84%A4%EC%A0%95#%ED%85%8C%EB%A7%88-%EB%B3%80%EC%88%98-%EC%A7%80%EC%A0%95

1. index page 1-1. 후기 섹션 반응형 작업 (위)배포 화면 (아래)디자인 시안과 스타일, 간격이 맞지 않는 상태 1-2. index -> main page 전환 로딩 작업 로딩중 text 로만 구현된 로딩 상태 2. main page 2-1. 인트

이력서 기술 스택을 정리하다가 Javascript를 막연히 ES6버전을 사용했다고 생각해왔는데 HTML5, CSS3처럼 JS6도 아니고 왜 ES6인가 하는 의문이 들어 찾아보았다.https://www.w3schools.com/js/js_versions.aspw

1. 정의 데이터 검색/불러오기 등 사용자의 요청사항이 처리 중임을 알려주는 요소 2. 유형 2-1. 베이직 로딩 2-2. 로딩 바 3. 구성 옵션 3-1. 인디케이터 ![](https://velog.velcdn.com/

라우팅은 새로고침하지 않고 페이지가 전환되어 전역 상태가 그대로 유지된다 react는 single page application이므로 별도의 라우팅이 구현되어있지 않음 MPA(multi page application, 기존 방식) vs SPA MPA SSR로 동작 SPA CSR로 동작 webpack, vite같은 번들러가 빌드 시 프로젝트 파일을 ...

React 프로젝트를 진행하면서 Vite와 Next.js를 사용해봤다면, 둘의 차이가 궁금할 수 있습니다.특히 Next.js는 "프레임워크", Vite는 "빌드 도구"라고 불리는데, 그 이유는 무엇일까요?또 서버 사이드 렌더링(SSR)이 무엇이며 언제 필요한지, 정리해

기억이 안 날 때를 대비해 도움이 되었던 질문과 답변들을 모아뒀다라이브러리와 프레임워크에 대해https://chatgpt.com/share/67f4d7bd-0b38-8003-8f1d-851c2e231116prototype method(내장 객체 api)http

기존에 작성한 코드를 더 효율적으로 바꾸는 것을 일반적으로 "리팩토링(refactoring)"이라고 해.코드의 동작은 그대로 유지하면서, 내부 구조를 더 읽기 쉽고, 유지보수하기 좋고, 효율적으로 바꾸는 작업이야.예를 들어,중복된 코드를 하나의 함수로 묶는다든가불필요한

js의 표준 내장 객체 api(프로토타입 메소드), 이거 왜 이름에 api가 들어가는지 이해가 안 돼. 내가 아는 api는 tmdb 데이터같은 걸 끌어올 때 사용하는 건데 왜 api라고 불러?좋은 질문이야! 진짜 헷갈릴 수 있어.우리가 흔히 말하는 "API"는 보통 서

프론트엔드 강의 수료 후 기본기가 너무나도 부족하다는 것을 느끼고 다시 처음으로 돌아가 공부하고, 이전 프로젝트들을 들여다보던 중 충격적인 사실과 만나게 됐다. 아니 어쩌면 이제라도 알게 된 게 다행일지도...문제는 1차 팀프로젝트에서 발견됐다.당시 팀장이었던지라 이런

필요한 개념 classList.add() classList.remove() classList.toggle() classList.contains() 지난 아코디언 과제 때는 depth2가 존재하는 경우에만 클릭 시 패널이 열리고 닫히는 기능까지 구현했다. 하지만 하나의

학원 수료 후 프론트엔드 개발자 취업을 목표로 준비 중인데 계속 시원하게 해결되지 않는 의문이 있었다. 프론트엔드 개발자와 퍼블리셔의 경계는 어디인가?기존에 생각하고 있던 + 며칠 전 스터디원들과 이야기했던 프론트엔드 개발자와 퍼블리셔의 차이점은 이거였다.퍼블리셔는 h

두번째 스터디 과제는 아코디언! ! ! 레 쓰 고 1. 아코디언(Accordion)의 정의 및 특징 세로로 쌓여있는 아이템 리스트 레이블(아이콘) 클릭 시 내용 펼침/숨김 기능 2. 아코디언의 유형 2-1. 메뉴 아코디언 2depth 이상의 메뉴/카테고리를 보여

스터디 첫 과제로 ui 컴포넌트들을 바닐라 JS로 구현해보기로 했고 첫 번째는 팝업(모달)이다. 원래 생각한 건 모달이었는데 참고한 사이트에서는 팝업이라는 이름으로 소개하고 있는 것 같길래 팝업이라고 했다. 만들 컴포넌트 정할 때 참고한 사이트는 lithium des