LEO Devlog LEO Devlog

백엔드 기초 환경 세팅 2 이제 데이터베이스 생성과 sequelize 세팅은 되었고 테이블을 생성하면 된다. 우선 이번 프로젝트의 스키마이다. 이것을 짜놓고 보면서 테이블을 생성하는게 개인적으로 직관적이고 빠른 편이었다. user 모델 (테이블) npx sequelize model:generate --name user --attributes email:string,password:string,nickname:string interest 모델 npx sequelize model:generate --name interest --attributes name:string group 모델 npx sequelize model:generate --name group --attributes name:string,des..

부분적인 로그인 구현에 앞서 백엔드 기초 환경을 세팅했다. 기초 환경 세팅은 다음 프로젝트에서도 사용할 수 있게 나만의 템플릿을 적어놓으려고 한다. 백엔드 기초 환경 세팅 비어있는 프로젝트 폴더 안에서 server 폴더를 만든다. first-project/server mkdir server npm init을 통해 해당 폴더에서 npm을 활용할 수 있도록 초기화시켜준다. npm init prettier를 설치하고 server 폴더 바로 하위에 .prettierrc 파일을 생성해서 아래 내용을 추가한다. npm i prettier // .prettierrc { "printWidth": 100, "tabWidth": 2, "useTabs": false, "semi": true, "singleQuote": fa..

Security Group 해당 인스턴스의 보안 그룹 이름 확인 보안 그룹 탭으로 들어가기 인바운드 규칙 편집 들어가기 인바운드 규칙 추가해주기! 여기까지 왔다면 EC2 인스턴스를 생성하고, 보안 그룹까지 설정해주었다. 차근차근 따라온다면 쉽게 따라할 수 있으니 바로 시작해보자!

SSR / CSR ✔️ SSR ( Server Side Rendering ) 웹 페이지를 서버에서 렌더링하는 방식 브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 HTML 파일을 브라우저로 전송한다. 이 HTML파일이 브라우저에 도착하면 유저가 바로 볼 수 있다. 서버에서 웹 페이지를 브라우저로 보내기 전에, 서버에서 완전히 렌더링했기 때문에 SSR이라 한다. 웹 페이지의 내용에 데이터베이스의 데이터가 필요한 경우, 서버는 데이터베이스의 데이터를 불러온 다음 웹 페이지를 완전히 렌더링 된 페이지로 변환한 후에 브라우저에 응답으로 보낸다. 유저가 브라우저의 다른 경로로 이동할 때마다 서버는 리렌더링을 한다. 장점 1. 웹 페이지 로딩이 빠르다. // view를 서버에서 렌더링해 가져오기 때..

클라이언트-서버 아키텍쳐 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것을 2-Tier 아키텍쳐, 혹은 클라이언트-서버 아키텍쳐라고 부른다. 리소스를 사용하는 앱

JSON JavaScript Object Notation 서버 통신의 시작점 Key - Value 세트로 이루어진 data object를 전달하기 위해 사람이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷 특히 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법 특징 간결한 데이터 교환 포맷 읽기 쉬운 심플한 텍스트 기반 구조 Key - Value 세트 네트워크끼리의 연결 간의 데이터 직렬화 및 전송에 사용 프로그래밍 언어나 플랫폼에 상관없이 JSON을 사용가능 Stringify(Obj) let json = JSON.stringify(true); console.log(json) //true; json = JSON.stringify(['lion','banana']); console.log(json..