📸 2022-12-29

🔥 오늘 어디에 도전해보셨고, 무엇을 배우셨나요?

• nextJS 기본 알아보기
• ChatGPT 써보기

🌊 학습하시면서 궁금하신 부분이나, 어려웠던 점은 뭘까요?

• nextJS의 기본 사용법을 알게 되었지만 이제 첫 발만 뗀 격이다. 어떻게 돌아가는지, 원리가 궁금하다…

🌟 내일은 어떻게 해보고 싶으세요?

• nextJS 더 알아보기

---

NextJS 시작하기

nextJS는 예전부터 너무 많이 들은 개념이다. 다음에 공부해보자고 미루다가 오늘 노마드코더 NextJS 시작하기 강의를 들으며 아주 기본 개념과 사용법을 알아봤다.

이론만 알고 있을 땐 리액트로 짠 소스를 서버에서 어떻게 동작시켜서 그걸 브라우저한테 html로 보내준다는거지?라는 궁금증이 늘 있었다. 아직 이 강의만 봤을 때에 해소되지 않는다. 하지만 NextJS가 내 생각보다 더 사용하기 편리하고 쉬울 거 같다는 느낌이 든다.

• 하나의 파일에 export default로 컴포넌트를 생성하면 파일명이 경로가 되어 컴포넌트가 해당 페이지의 내용으로 보여진다. 기존 리액트만 사용했을 때에는 링크를 생성하기 위해 리액트 라우터 라이브러리를 사용해야 한다.

• SSR, 리액트 코드가 브라우저에서 실행되는 것이 아니라 동작 결과를 서버에서 가져온다. 미리 동작시켜 얻어낸 html 파일을 서버가 브라우저로 보내준다. 그렇다고 렌더링된 후에 동적 변화가 불가능한 것은 아니다.

• next.js는 프레임워크다. NextJS가 정해둔 규칙에 따라 코드를 작성하면 우리는 원하는 결과를 받을 수 있다.

공식 문서와 아래 블로그 참고해서 더 알아보기

Next.js 공식 문서

next.js 기본 개념 알아보기

ChatGPT 체험기

여기저기서 ChatGPT, ChatGPT하길래 그게 뭔데 하며 사용해봤다. 유투브나 블로그 등에서 신기하다고 생각했지만 막상 사용해보니 진짜 신기했다. 한국말은 못알아들을까봐 대부분 영어로 질문을 했는데 어디 공식 사이트에서 뽀려온건가… 아님 누가 등록해둔 답변인가 싶을만큼 깔끔하고 정확하게 원하는 내용을 알려줬다.

유투브 나도코딩의 ChatGPT, 개발의 새로운 장을 여네요 (무료일 때 꼭 경험해보세요)을 참고해서 여러 기능을 써봤다.

내 코드를 보내주며 다른 언어로 바꿔달라거나 코드 리뷰를 해달라고 했다. 잘 알아듣는다. 코딩 테스트 공부를 하며 구글링을 할 때 내가 원하는 코드로 짠 답변이 없거나 다른 언어로 된 답변인데 이거 내가 쓰는 언어로 써서 제출하고 싶을 때가 있다. 그 때 다른 언어로 코드를 변경해주는 기능이 도움이 많이 될 거 같다.

아직 많이 사용해본 것은 아니지만 주석을 달아달라거나 한국어로 답변을 받으면 답변이 끊긴다.

아직 github copilot을 사용해보지 않았고, 달리(DALL-E), GPT-3라는 것도 처음 알게 되었는데 점점 인공지능 챗봇의 개발 소식의 빈도가 점점 더 높아진다. 노션에서도 Notion AI라는 기능을 도입하려고 한다.

점점 신기한 세상이 되어간다… 내 일자리가 없어질까하는 두려움보다는.. 인공지능의 학습 능력이 갖고싶다…

🐝 참고

비개발자의 눈으로 살펴보는 ChatGPT

유투브 나도코딩 - ChatGPT, 개발의 새로운 장을 여네요 (무료일 때 꼭 경험해보세요)

유투브 노마드 코더 - 요즘 인공지능 미쳤습니다.. 현직 개발자 반응!

유투브 노마드 코더 - 완젼 미쳐버린 노션 AI 의 능력….!