Entity를 작성한다.DTO를 작성한다.Service를 작성하면서 Repository도 함께 작성한다. ontroller를 작성한다.repository는 데이터를 조회할 로직을 구현service는 조회한데이터를 보여줄 로직을 구현머지 완. 꺄륵

3일 동안 기존 작성된 프로젝트 및 신규 프로젝트를 봤음이해가 안되는 부분 하나 하나 검색해서 블로그를 찾아봄공식문서도 찾아보면서 겨우겨우 구조를 파악강의를 들으면서 신기한 기능도 봤음혼자 실습하면서 프로젝트 생성 - 컨트롤러에서 api 만들고, 썬더클라이언트로 확인까

/ GET /users GET /users/:id POST /users PATCH /users/:id DELETE /users/:id /일반적인 GET 요청요청사항: 유저의 정보를 불러오기@Get 데코레이터 사용중첩경로 GET 요청동적경로 GET 요청일반

어차피 백엔드 배우고 싶었음. 오히려 좋아 럭키비키쟈나프로젝트 만드는 것부터 차근차근 시작해 보겠슴.참고) 구조 이해를 프론트적 사고로 할 수 있음 주의이렇게 하면 프로젝트는 성공구조를 간단히 설명하면부트스트랩 함수가 있고부트스트랩을 마지막에 호출함부트스트랩 내부에는

갑자기 찾아온 'Unexpected end of json input' 빌드 오류어제였다.현재 NextJS app route를 사용하고 있는데, 배포된 화면에서는 이미지가 나오지 않는 것. 하지만 로컬에는 잘 나온다.(참고: 프론트 프로젝트는 셋팅부터 내가 했음, 자랑하

'NextJS에서 별도의 상태관리가 필요한 가?'에 대한 고민이 계속 됐다.그러던 중 회사 프로젝트에서 유지보수 해야할 업무(외주에서 진행하던)를 맡았고, 코드를 보는데 NextJS에서 React-query를 사용하고 있었다.그동안 상태관리는 Redux, Recoil,

원문: https://thiraphat-ps-dev.medium.com/mastering-next-js-app-router-best-practices-for-structuring-your-application-3f8cf0c76580Next.js는 선도적인 Re

지난 번 그거 아세요 1탄을 해결하고 뿌듯한 마음에 자수를 했다. 이게 무슨말이냐면 반응형(모바일)화면 개발을 동시에 해야했다. 그래서 media 쿼리를 적용했다. Toggle Device Toolbar로 반응형이 적용되지 않음을 확인했다. 하지만, 임의로 화면을 줄이면 어느 시점(내가 media 쿼리로 지정하지 않은 크기)에서 반응형이 적용된다. 차라...

프론트엔드를 선택한 이유1\. 화면을 구현하는게 재밌었다.2\. 화면을 구현하는게 자신있었다.하지만 화면 마크업을 하다 보면 CSS와 HTML이 전부가 아닐 때가 있다. 혼자 프로젝트를 하면 나와 타협해서 넘어갈 수 있지만, 그게 협업이고 업무일 때는 얘기가 달라진다.

api로 받아온 코드는 계속 바뀌는 값이라고 생각했다.받아온 데이터 중 '만료일' 값은 객체로 이루어진 데이터 중 1개 라고 생각했다.컴포넌트의 상태(state)가 바뀌면 자동으로 컴포넌트의 DOM을 변경하는 것자동으로 DOM을 변경하는게 어떻게 가능할까?전제조건: 자

입사 후 사내 개발자들과 책 1권을 정해서 일정 분량을 읽고, 그 생각을 교류하는 시간을 가져왔다(스터디라 쓰고, 친목이라 읽음). 첫번째 책은 프로그래머의 뇌 이걸 다 읽으면 내 뇌도 프로그래머의 뇌가 될 수 있겠지? 라는 기대로 읽었고, 마지막 챕터를 읽을 때 까

일단 나: 사람을 잘 믿는 편임, 정이 많음 (좋은 사람이라는 뜻..), 하지만 내 기준에 '아니다' 싶을 땐 확실히 아니라고 말하는 편이다. 그래서 개인적으로 연락을해서 얘기할까? 한참을 고민했다.얼마전에 내 생일이었고 그걸 계기로 같이 교육받던 사람에게 안부인사

Client는 원하는 페이지를 Server에 요청Server는 요청받은 페이지의 데이터를 불러옴 그리고 요청받은 페이지의 완성된 .html을 생성반환브라우저는 렌더링이 완료된 페이지를 화면에 렌더링리액트 컴포넌트와 같이 자바스크립트로 작성되어 있는 페이지를 실제 HTM

이 파일에서 전체적으로 반복되는 화면 구성을 설정예를 들면, 네비바 혹은 푸터 같은 것들 \_app.jsLayout.js{children} 으로 페이지 역할을 하는 컴포넌트들을 main 태그에 렌더링 시켜줌Layout 아래에 페이지들이 잘 렌더링 되는 것을 확인 가능레

react에서는 라우팅 관련 라이브러리를 설치react-router-dom을 예로 들자면 useParams 등의 훅을 사용했음동적 라우팅: URL 일부를 매개변수로 사용하여 동적으로 페이지를 생성하는 기능쿼리 파라미터: URL에 추가 정보를 전달하기 위해 사용함수를 통

'/' 경로로 요청이 들어오면?pages의 index.js에 작성된 컴포넌트가 렌더링 됨'/about' 경로로 요청이 들어오면?pages이하의 about.js에 작성된 컴포넌트가 렌더링 됨'/post' 경로로 요청이 들어오면?post폴더 이하의 index.js에 작성된

NextJS는 오픈소스 자바스크립트 프레임워크ReactJS는 오픈소스 자바스크립트 라이브러리기능 구현의 주도권이 누구에게 있는가? 프로그래머가 주도권을 갖으면 라이브러리 / 프레임워크가 주도권을 갖으면 프레임워크라이브러리 : 프로그래머가 원하는대로 구현하면 됨(무슨 도

페이지 라우징(Page Routing)이란? 사용자(user)가 특정 네이버 블로그에 접속을 하기 위해 Browser를 이용해서 WebServer에 주소를 요청했을 웹 서버가 적절한 브라우저를 반환해줌으로써 사용자가 원하는 페이지가 브러우저에 잘 렌더링되는 과정

유튜브를 켰다. 그런데, 로딩하는데만 5초, 10초 이상이 걸린다고 생각하면? '유튜브 고장났네...'싶고유튜브를 점점 떠나가겠지?엔지니어적으로나 서비스적으로나 최적화는 필수임코드 사이즈 줄이기폰트 사이즈 줄이기이미지 사이즈 줄이기페이지 로딩 속도 빠르게 하기5\. 불

버전 관리 - 한 파일로 모든 버전으로 쓰고 싶어서 (버전관리는 대체 프로그램은 많음)협업 - 같은 파일을 동시에 작업하는 경우가 있음, 각각의 변경 사항을 한 파일에서 적용할 수 있음현재 브랜치는 main이고 (기존 master에서 main으로 브랜치명을 변경한 상태