Thoughts, stories and ideas.
Backend와 Frontend가 각각 독립적인 시스템으로 구축되어 서로 연동하는 것이 이상적인 형태이겠지만 웹호스팅을 사용하는 경우 두개의 호스팅 계정을 만들지 않은 이상은 하나의 웹 서버안에서 Frontend와 Backend를 모두 처리해야 한다. 그렇기 때문에 우선적으로 구성해야 하는 환경은 Next.js에 백엔드 시스템을 병합하는 것이다.
Next.js 자체적으로 API Route 기능을 제공하기는 하지만 백엔드 시스템으로 사용하기에는 다소 부족한 부분이 있기 때문에 Express를 병합하기로 하였다.
지난주에 끝마친 웹 사이트 외주 작업을 Next.js + Express 형태의 Fullstack으로 혼자 진행했었다. 전에는 혼자서 진행해야 하는 외주 작업일 경우 PHP기반의 Codeignitor3를 채택했었지만 워낙 노후된 Framework이기도 하고 Codeigniter4나 Laravel로 전향하면서 겪어야 하는 러닝커브가 효율적이지 않을것 같아서 자주 관심을 두고 있던 Next.js와 Express의 조합으로 결정했다.
JDK(Java Development Kit)은 Java 컴파일러와 Java Virtual Machine을 포함하는 자바 프로그래밍의 필수 도구 입니다.
Oracle JDK와 Open JDK 두 종류가 있지만 Oracle JDK는 라이센스 문제로 인해 최근에는 Open JDK를 주로 사용하고 있습니다.
직훈교육을 진행하다보면 맥북을 가지고 교육에 참여하는 경우를 종종 보게 됩니다. 하지만 거의 모든 훈련기관은 Windows PC를 강의실에 구비해 놓고 있으며 대부분의 훈련생들은 Windows 환경에서 수업에 참여하기 때문에 맥북을 사용하다 보면 종종 수업 내용과 프로그램 설치 방법에서 차이를 겪으면서 수업 내용을 놓치기 쉽습니다.
컴퓨터 자체에 익숙해서 맥을 능숙하게 다룬다면 수업 내용과의 차이를 스스로 보완할 수 있지만 컴퓨터에 익숙하지 않은 상태에서 단순히 코딩을 하기에 맥이 좋다는 말을 듣고 덜컥 구입하거나 맥북이 이쁘다는 이유로 구입한 경우는 훈련을 진행하면서 무척 난감함을 느끼게 됩니다. 특정 훈련생에게 설치 과정을 별도로 처음부터 알려주기에는 시간 비용이 무척 오래 걸리기 때문입니다.
이 포스팅에서는 MacOS 환경에서 코딩을 진행하고자 할 경우 필수로 설치해야 하는 요소들을 소개합니다.
이 자료는 예전 수업자료로 배포하던 pdf 파일입니다. pdf 파일을 페이지 안에 포함시켜 놓았습니다.
![[Toy Project] Next.js와 Express 병합](/images/posts/index-toyproject.jpg)
![[Mac] OpenJDK 설치하기](/images/posts/index-mac.jpg)
![[R] 오픈API 연동 - 카카오 OpenAPI 연동](/images/posts/index-r.png)