개발일기 도커로 도메인 서비스 여러개 제공하기 오늘은 기존의 너의 하루는 프로젝트가 무르익은 것 같아, 배포를 위한 발판을 마련하고자 했다. reverse proxy 를 사용하는 이유 docker reverse proxy 의 개념과 **nginx.conf** 에 대한 설명이 있었다. docker reverse proxy 의 동작 방식을 알 수 있었다. 이 곳에서는 새로운 서비스를 VIRTUAL_HOST와 함께 추가하면, 기존의 rever... reverse proxy역프록시도커dockerTIL개발일기TIL # React 공부일기 나는 학원을 다니며 리액트를 접하고 배운 적은 있었다. 그래서 처음 배운다는 생각으로 다시. ➰ 그래서? React는 페이스북에서 제공하는 자바스크립트 라이브러리 중 하나로써 싱글 페이지 어플리케이션(SPA)의 UI를 생성하는데 집중한 라이브러리 입니다. ➰ React를 쓰는 이유? (리액트로 Web-app을 만들기 쉽기 때문) ➰ React의 특징? 이런 작업으로 실제 브라우저에서 DOM의... React개발일기React 01_첫개발일기 일주일 간 퇴근하고 와서 강의듣는게 생각보다 너무 힘들더라 ㅠ.. 일주일에 두시간 강의쯤이야 싶었는데 피곤해가지고 미루고,, 술마신다고 미루고 또 말이 두시간이지 ㅠ 정지해놓고 따라한다고 시간 엄청 보냈던 것 같다. 사실 html이랑 css 하면서 나는 천재인가 싶었는데.. 자바스크립트 기능 넣는순간 엥 이걸 내가 배웠다고 ??? 아무튼! 사실 백그라운드 이미지 적용하는게 생각안나서 이미지 ... 개발일기개발일기 # 데이터 바인딩과 useState 자바스크립트 데이터를 HTML에 넣어주는 것을 말한다. 위의 코드를 보면 data라는 변수를 만들었다. 이 data라는 변수를 p태그 안에 넣으려고 할 때, 리액트는 중괄호 안에 데이터 바인딩하고 싶은 변수명을 적어주기만 하면 된다. 또한 변수명이 아닌 함수명 등 다른것들을 바인딩 할 수 있고 id, className, src 등 다른 HTML 속성에도 데이터 바인딩이 가능하다. 위의 코드에... 개발일기ReactReact Node.js 와 Firebase 연동하기 #1 java 였으면 30분이면 끝날것을 괜히 node.js 공부한다고, 그리고 firebase 쓴다고 다짐해서 연동하는데 빨리 끝내고 쉬려는 마음이 커서 그런지 하나씩 안될때 마다 짜증이 치솟는다. 그래서 안되는거 그냥 Github 에 커밋 해두었고 (이로써 1일 1커밋 완료!), 내일 다시 이어서 할 예정이다. 먼저 npm install firebase --save 로 firebase 를 다운... 개발일기FirebaseNoobJavaScriptnode.jsFirebase
도커로 도메인 서비스 여러개 제공하기 오늘은 기존의 너의 하루는 프로젝트가 무르익은 것 같아, 배포를 위한 발판을 마련하고자 했다. reverse proxy 를 사용하는 이유 docker reverse proxy 의 개념과 **nginx.conf** 에 대한 설명이 있었다. docker reverse proxy 의 동작 방식을 알 수 있었다. 이 곳에서는 새로운 서비스를 VIRTUAL_HOST와 함께 추가하면, 기존의 rever... reverse proxy역프록시도커dockerTIL개발일기TIL # React 공부일기 나는 학원을 다니며 리액트를 접하고 배운 적은 있었다. 그래서 처음 배운다는 생각으로 다시. ➰ 그래서? React는 페이스북에서 제공하는 자바스크립트 라이브러리 중 하나로써 싱글 페이지 어플리케이션(SPA)의 UI를 생성하는데 집중한 라이브러리 입니다. ➰ React를 쓰는 이유? (리액트로 Web-app을 만들기 쉽기 때문) ➰ React의 특징? 이런 작업으로 실제 브라우저에서 DOM의... React개발일기React 01_첫개발일기 일주일 간 퇴근하고 와서 강의듣는게 생각보다 너무 힘들더라 ㅠ.. 일주일에 두시간 강의쯤이야 싶었는데 피곤해가지고 미루고,, 술마신다고 미루고 또 말이 두시간이지 ㅠ 정지해놓고 따라한다고 시간 엄청 보냈던 것 같다. 사실 html이랑 css 하면서 나는 천재인가 싶었는데.. 자바스크립트 기능 넣는순간 엥 이걸 내가 배웠다고 ??? 아무튼! 사실 백그라운드 이미지 적용하는게 생각안나서 이미지 ... 개발일기개발일기 # 데이터 바인딩과 useState 자바스크립트 데이터를 HTML에 넣어주는 것을 말한다. 위의 코드를 보면 data라는 변수를 만들었다. 이 data라는 변수를 p태그 안에 넣으려고 할 때, 리액트는 중괄호 안에 데이터 바인딩하고 싶은 변수명을 적어주기만 하면 된다. 또한 변수명이 아닌 함수명 등 다른것들을 바인딩 할 수 있고 id, className, src 등 다른 HTML 속성에도 데이터 바인딩이 가능하다. 위의 코드에... 개발일기ReactReact Node.js 와 Firebase 연동하기 #1 java 였으면 30분이면 끝날것을 괜히 node.js 공부한다고, 그리고 firebase 쓴다고 다짐해서 연동하는데 빨리 끝내고 쉬려는 마음이 커서 그런지 하나씩 안될때 마다 짜증이 치솟는다. 그래서 안되는거 그냥 Github 에 커밋 해두었고 (이로써 1일 1커밋 완료!), 내일 다시 이어서 할 예정이다. 먼저 npm install firebase --save 로 firebase 를 다운... 개발일기FirebaseNoobJavaScriptnode.jsFirebase