전체 글 썸네일형 리스트형 AWS / 탄력적 IP / Nginx 탄력적 IP : 아이피를 고정 단점 : 비용이 든다. Nginx -> 웹 서버를 구축하는데 사용한다. -> 리버스 프록시 HTTPS 설정하기가 쉽다. Nginx #sudo apt update && sudo apt upgrade #back sudo apt install nginx sudo service nginx start # sudo service nginx status sudo service nginx stop # sudo service nginx status [q] # sudo mginx -t ## default 문법 cd /etc/nginx/sites-enabled ls sudo vi default ## /var/www/html sudo service nginx start 하면 아무말 안뜨는데 정상.. 더보기 aws 환경설정 aws 인스턴스 보안그룹 규칙 3306 포트 추가 node 설치하기 sudo apt update sudo apt upgrade -y sudo apt install -y build-essential sudo apt install net-tools sudo apt install curl # nvm 설치 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash source ~/.bashrc # nvm 버전확인 nvm --version # nodejs LTS 설치 nvm install node --lts # 설치된 노드 버전 확인 nvm ls node --version npm --version mysql 설치하기 sudo ap.. 더보기 aws AWS 가입을 한 뒤에 AWS를 통해 가상 서버를 구축할 것임. 사용방법 AWS 관리 콘솔에서 EC2를 사용할 것이니, 솔루션 구축에 있는 가상 머신 시작을 클릭 조금 내려보면 인스턴스 시작이 보임. 주황색 박스 '인스턴스 시작' 클릭 이름을 설정 해 주고, 애플리케이션은 Ubuntu를 사용할 것이니 Ubuntu 설정 해주고 Ubuntu의 버전을 확인해준다. cat /etc/issue를 누르면 나의 Ubuntu 버전이 나온다. 맞춰서 클릭 내리면 키 페어가 있는데 우측 하단 새 키 페어 생성을 클릭하고 키페어 이름을 설정한 뒤에 키페어 생성 클릭을 누른다. 네트워크 설정에서 편집을 클릭하면 보안 그룹을 설정할 수 있다. Add security group rule 를 클릭해서 유형을 HTTP로 하나 생성해.. 더보기 next, Ant design npm init -y >> package.json 생성 npm init -y npm install react react-dom next npm install react react-dom next ## package.json ## "scripts" :{ "dev" : "next dev -p 3001", "build":"next build", "start":"next start", } scripts 부분에 내용을 위의 코드로 수정해줌 pages 폴더 생성 후, pages 폴더 안에 index.jsx 파일 생성 및 about.jsx 생성 ## index.jsx ### const Index = () => { return( Hello Next ); }; export default Index; ## about.js.. 더보기 Redux - 수정필요 지하철 연착으로 수업에 5분 지각을 했는데 잠깐 늦었더니 앞부분을 놓쳐버렸다. 근데 내용이 어려워서 멘탈이 많이 나갔지만 블로그 작성 해봄. Redux란? 리덕스(Redux)는 오픈 소스 자바스크립트 라이브러리의 일종으로, state를 이용해 웹 사이트 혹은 애플리케이션의 상태 관리를 해줄 목적으로 사용한다. 출처 : https://ko.wikipedia.org/wiki/%EB%A6%AC%EB%8D%95%EC%8A%A4 리덕스 - 위키백과, 우리 모두의 백과사전 ko.wikipedia.org Redux 설치 npm install redux npm install react-redux redux를 사용하기 위해 Redux를 설치해준다. redux_test/App.js const redux = require(.. 더보기 Sequelize Sequelize Sequelize란 node.js에서 mysql등 관계형 데이터베이스를 쉽게 다룰수 있게 도와주는 라이브러리이다. Sequelize는 대표적인 node.js의 ORM(Object Relational Mapping)이다. 오늘은 Sequelize 에 대해 배웠다. 우선 설치를 해야하니 디렉토리를 잘 선택하고 npm install mysql2 sequelize 로 설치를 먼저 해준다. Sequelize는 인자값이 4개 있다. 데이터베이스 명 (create database example) mysql id (mysql -uabcde) mysql pw (mysql -uabcde -pabcde) Object 4-1. host: localhost 4-2. dialect: 'mysql' const {.. 더보기 비동기 처리의 시작 콜백 이해하기 JavaScript Callback 자바스크립트는 Synchronous 한다. 즉, 자바스크립트는 동기적인 아이이다. 호이스팅이 된 이후부터 코드가 우리가 작성한 순서에 맞춰서 하나씩 실행된다. 호이스팅(hoisting) : var과 함수 선언들이 제일 위로 올라가는 것. console.log("1"); setTimeout(function () { console.log("2"); }, 1000); console.log("3"); // 1 // 3 // (1초뒤) // 2 이렇게 하면 1,3이 나오고 setTimeout 1000 으로 설정했기 때문에 1초 뒤에 2가 나온다. setTimeout ()은 브라우저에서 지정한 API이다. console.log("1"); setTimeout(function () { console.log("2"); .. 더보기 JSON 개념정리와 활용방법 1. HTTP Client가 어떻게 Server와통신하는지를 정의한게 HTTP이다. 어떻게주고 받을 수 있는지 규약한 프로토콜 중 하나. client가 server에 데이터를 요청할 수 있고 server는 client가 요청한 것에 따라서 그에 맞는 응답을 client에 주는 방식이다. Hypertext는 전반적인 문서나, 링크, 이미지 파일등을 이야기함. http를 이용해서 서버에게 데이터를 요청해서 받아올 수 있는 방법으로는 AJAX를 썼다. 웹페이지에서 동적으로 서버에게 데이터를 주고 받을 수 있는 기술을 의미함. 대표적인 예로 XHR 이라는 오브젝트가 있다. ** XML은 HTML과 같은 Markup 언어중 하나이다. 브라우저에서 서버와 통신할때는 fetch라는 API를 사용할 수도 있고 XML .. 더보기 이전 1 2 3 4 5 다음
