원룸텔 프로젝트(개인프로젝트)
1.원룸텔 홈페이지(01 : 프로젝트 소개)
프로젝트 시작 계기 현재 지내는 고시텔의 홈페이지가 사용자 편의성 측면에서도 좋지못하고, 비효율적인 페이지 구조로 설계되있다고 생각이 들어서 개편해보고 싶었다. 원장님께 웹사이트 개편을 제안드려서 시작하게 되었다. 기존 홈페이지의 문제점 준레지던스.pn
2.원룸텔 홈페이지(02 : Single Page Application)
SPA란 무엇일까? 단어 그대로 해석해보자면, 하나의 페이지를 갖는 어플리케이션이다. 여기서 오해했던 부분은 하나의 페이지라 해서 스크롤 뷰를 갖는 앱이라고 착각을 했었다. SPA를 제대로 알기 위해서는 서버사이드 렌더링과 클라이언트 렌더링의 개념을 먼저 알아보는게 좋
3.원룸텔 홈페이지(03 : RESTful API)
API란? “Application Programming Interface” 앱에서 사용할수 있도록 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 말한다. REST란? “REpresentational(표현가능한) State(상태)
4.원룸텔 홈페이지(04 : Nodejs, React 환경변수 설정)
config.json? dotenv? config? config는 configuration 환경설정의 줄임말이다. 개발환경에 따른 변수를 달리 설정하는 것을 환경변수라 부르고, 환경변수를 설정하는데 주로 쓰이는 두가지 방법이 있는데 하나는 config.json 다
5.원룸텔 홈페이지(05 : single-page vs multi-page)
이거 블로그야? 홈페이지야? 기본기능과 기초 레이아웃을 만든후에 원장님과 상의한 후에 반응형처리를 하려 원장님과 홈페이지에 관해 논의를 나눴다. 원장님의 첫 느낌은 홈페이지보다는 블로그 같다고 말씀을 해주셨다. 처음에는 무슨소리인지 이해가 안갔다. 어느 부분이 블로그
6.원룸텔 홈페이지(06 : MVC 디자인 패턴)
처음 FullStack으로 진행하는 프로젝트를 체계적인 구조로 진행하고 싶었기에 MVC 디자인 패턴을 적용해서 프로젝트를 만들어 나갔다. 예제 코드를 보면서 적용하려 노력했지만 조금 더 이해하고자 글로 정리해본다. MVC 패턴이란? Model, View, Contr