Study/Next.js

Next + React Query로 SNS 서비스 만들기 (X.com 클론코딩) - 0

pmh 2024. 2. 25. 23:15

Next.js 13에서 바뀐 점

- 디렉토리 라우팅이 편해짐

- 레이아웃 기능을 지원하게 되었음

- 페이지별 권한 및 로그인 체크를 미들웨어를 통해 사용 가능

- 리액트 18을 사용함으로 서버 컴포넌트를 사용 가능하게 되었다

- 기타 등등

 

클론코딩의 장단점

- 장점 : 아이디어 구상하는 단계를 생략할 수 있어서 좋음

- 단점 : 생각하지 않고 따라만 친다면 공부가 되지 않는다.

 

이번에 면접에도 몇 번 들어가면서 느낀 건데, 그냥 포트폴리오 자체가 엄청 클론코딩 느낌이 나는 사이트가 몇 개가 있었고, 그렇게 좋은 느낌을 받지는 않았던 것 같다. 실제로는 그 사람이 열심히 생각해서 만든 것일 수는 있는데 인터넷 상에서 이러한 레퍼런스들이 너무 많다 보니 사소한 부분에서도 그냥 인터넷에서 보고 따라 만든 게 아닌가 하는 생각이 들었다.

 

에러 잘 질문하는 법

인터넷에 나쁜 질문 하는 방법 이라고 떠도는 짤방이다.

출처: Beyond the Basic Stuff with Python,  Al sweigart, 2020.

 

온라인에서 리액트 커뮤니티 등을 보다가 몇 번 본 적이 있고 공감하는 짤방이다.

효과적인 프로그래밍 질문을 하려면 먼저 상세하고 명확한 내용으로 질문을 준비해야 한다고 생각한다.

질문하기 전에 문제의 배경이나 시도한 해결책을 간략히 설명하면 도움을 받을 확률도 높아지고, 코드나 에러 메시지를 정확하게 제시하여(이미지로 질문하면 안된다) 질문을 듣는 사람들이 쉽게 이해하고 도움을 줄 수 있도록 해야 한다고 생각한다.

 

삽질 덜 하는 법

- 에러 메시지를 잘 활용하자 (스택트레이스를 잘 확인하자)

- 에러 메시지가 내 코드인지, 라이브러리 에러인지를 확인하자

- 에러 발생을 해결하고 싶다면 git을 잘 활용하자