server와 client를 사용한, 유저 브라우저 선호 언어를 우선으로 다국어 적용하는 버전! middleware + cookie + navigator 사용해서 언어변환 적용하기

특정 범위, 즉 요소의 개수가 정해진 배열에 내용을 채워넣는 것을 할 때에는배열을 먼저 생성하여 메모리 할당을 한번만 하고, 배열의 크기가 고정된 상태에서 추가 작업을 진행하는것이 효율적일 수 있다.적은 데이터면 큰 차이는 없겠지만 배열의 길이가 커질수록 차이는 보일테

원티드 프론트엔드 프리온보딩 9월이 이벤트루프라 신청하였고,사전 과제인 영상을 보며 내가 생각하던 이벤트 루프에 대해 정리를 해보기로 했다.싱글 스레드 런타임 = 한번에 하나만 실행 = 싱글 콜 스택함수를 쌓아서 저장해둔다.가장 위쪽에 있는 함수부터 꺼내면서 실행된다.

맥에서 개발하고 윈도우로 빌드하며 체크해보는 중 많은 문제가 보였다.그 중 한개인 TextField 한글입력 문제맥에서는 한글 입력시 깔-끔 하게 된다.근데.... 윈도우에서 빌드하면 따라란자모음 분리만 되는것도아니고 완전 난리가 났다... 또르륵textControll

처음에 Bloc패턴은 State 관리라고 해서, 값 저장해두고 Provider를 사용해 전역에서 사용하여 state를 구독하고있다가 변경사항이 생기면 업데이트 해주는줄알았다.전역사용과 더불어 클래스의 확장(extends)을 통해 state의 타입을 정의할 수 있어서,

build(){ } : 위젯 또는 중첩된 위젯 트리를 반환해야 한다. MaterialApp() : 생성자 함수이며 위젯이다. Widget 뷰를 그릴때 필요한 단위 앱 자체도위젯이고 컴포넌트도 위젯이라 불릴 수 있고 눈에보이지 않는 padding이나 column, ce

타입이 중요한 언어 변수 지정 시 타입을 먼저 적고, 변수명 작성 클래스 객체(클래스) = 인스턴스 = 확장 가능한 기본값이라고 생각하자 내부에 어떤 변수들을 가질지 타입&변수명(멤버변수), 메서드 지정. 클래스는 반드시 생성자를 가져야하며, 생성자를 통해서 인스턴

next14에서 로직을 분리하면서 혼돈을 겪고있는 상황에 머릿속 정리겸 공부내 언어로 풀어서 기록하며 기본부터 정리해보자...(틀린건 댓글로 알려주시면 감사하겠습니다)"use client" 명시해준 컴포넌트뷰를 그리고 데이터 호출을 통해 추가 뷰를 그려야 한다면, 네트

일을 할 때에도 백엔드 알아두면 좋을 것 같아 생각만 해오다 최근에 혼자 헤드리스CMS를 사용해 강의없이 쌩으로 만들어보며 todo list작업해보니, 기초부터 백엔드를 알아두면 좋을 것 같아서 spring 강의를 듣기 시작.BUT.... 맥북으로 JAVA 17 설치하

전글에서 썼던 이슈 중 두번째 이슈인 nextauth 해결하기로컬, netlify배포시 둘다 잘 되었던 로그인이 server error를 뱉는다...로컬에서도 NEXTAUTH_URL 설정으로인해 글을 쓴 적이 있었는데, 또 얘가 말썽일줄이야nextauth 관련해서는 환

로컬과 netlify를 사용했을땐 잘 작동 되었었는데, amplify로 옮기면서 두가지 이슈가 생겼다. i18n이 깨진다

Next13에서 작업그동안 모달을 작업 할 때에는 페이지 내에서 모달을 열고 닫고 할 일만 있었다. (물론 처리가 미흡했던 부분도 있었다)버튼을 누르면 열리고 dimm 또는 닫기 버튼을 두르면 닫힌다.해당 페이지 내에서 모달컴포넌트가 동작하니 페이지 이동을하면 닫히는것

dynamic param을 \[slug]로 지정을 했을 경우useRouter를 사용하면 .query.slug를 통해 꺼내사용 할 수가 있었다.전에 썼던 글에선 page.tsx에서 params로 받아와서 사용했었는데, 컴포넌트 내에서 받아 써야 할 일이 있었다.useRo

그동안은 prop으로 받아쓰기 편해서 스타일컴포넌트를 주로 이용하였었다.이번에 사이드프로젝트를 하며 모듈css로 사용하기로 하며 그래도 css보단 sass가 편하니까 sass로 작업하기로!(자주 사용하는 스타일을 mixin으로 사용해봤지만 다른것들은 잘 사용하지 않았었

dev로 보면서 작업 하다가 build & start를 해서 보면 google 로그인 버튼이 사라졌다..터미널의 에러를 확인해보니이런식으로 나오며 주어진 에러확인 링크(https://next-auth.js.org/errors하지만 건드리질 않았는데 왜이러는건지

스키마(데이터 모델) 생성하고 클라우드에 콘텐츠 저장할 수 있으며 API를 통해 콘텐츠에 액세스 가능클라우드에는 스키마파일로 만든 구조의 DB가있고 Sanity Studio를 사용하여 쉽게 DB 관리할 수 있도록 도와줌API를 제공하여 웹에서 사용 가능하지만 프론트엔드

SEO next는 각각의 페이지에서 title, description등을 작성할 수 있어서 검색엔진최적화가 가능하다. head.js를 사용했던것은 없어지고 Metadate를 사용한다. 정적/동적으로 SEO를 넣을 수 있으며 favicon은 기존 favicon을 덮어씌우

Next.js가 13으로 새롭게 나왔다고하여 공부 시작. 계속 업데이트되고있는 최신버전으로 작업해보면서 바뀌는 부분들을 어떻게 해야 빠르게 터득할 수 있을지 연습해보는 시간이 될 것 같다 :) pages -> app 기존에 pages로 사용하던 라우팅 경로를 app으

type과 interface 둘 다 데이터의 객체나 값의 타입을 정의하기 위해 사용 type 기존 타입을 재사용하거나 새로운 타입을 정의할 때 사용 일반 타입처럼 사용되기 때문에 타입 앨리어싱(Type Aliasing)이라고도 불림 computed property나

CSR / SSG / ISR / SSR, 4가지 렌더링 방식에대해서 정리해보자