안녕하세요! 오늘은 nginx를 활용해서 Ubuntu 20.04에 NodeJS와 React를 배포해보겠습니다! NodeJS는 pm2로 돌리고 React는 Nginx 설정에서 build 파일을 연결해서 배포하겠습니다. 0. EC2 인스턴스 준비하기 인스턴스 생성 https://hasumang.tistory.com/58 AWS EC2 개념 및 배포하기 안녕하세요! 오늘은 개인프로젝트를 배포했던 경험을 작성해보겠습니다. 사실 배포는 5월 초쯤 했는데 그동안 이것저것 다른거 준비할게 많아서 이제야 블로그를 작성하네요..! 1. AWS란? AWS는 Ama hasumang.tistory.com 인바운드 규칙 편집 : 기본적인 포트 열어주셔야해요! https://hasumang.tistory.com/69 1. roo..
안녕하세요! 저는 출석체크 자동화 프로그램 배포하고 학생들이 잘 사용하고 있다고 개발한 당시에 블로그 포스팅을 한 줄 알았어요ㅜㅜ 봄학기가 지나서 이 프로그램이 더이상 사용되지 않아서 서버 종료시키려고 하는데 포스팅이 없더라구요!! 그래서 출석체크 자동화 프로그램 후기 올릴 겸 어떻게 배포됐는지 보여드릴게요ㅎㅎ 프로그램 실행 http://13.209.15.22:3000/ ⬆️위 링크를 타고 들어가시면 다음과 같은 화면이 나옵니다. 여기에 본인 이름과 전화번호, 현재 듣고 있는 반을 선택하면 인증 문자가 날아옵니다! 잠시 구글 스프레드시트(본 프로젝트에서 DB로 사용하고 있음)를 바꿔서 제 폰으로 오도록 해볼게요ㅎㅎ 좌측 화면과 같이 문자가 오면 STEP-UP 출석 확인 페이지 인증번호 칸에 인증번호를 입..
안녕하세요! 오늘은 백엔드 구현와 프론트엔드 수정을 해보겠습니다. 1 : 학생의 데이터가 어느 행에 위치해있는지 알아내기 2 : 학생의 전체 출석률 출력하기 3 : 학생의 1주차~11주차의 출석률을 세션에 담기 1. 개발할 기능들을 라우터, 미들웨어, 컨트롤러로 나누기 오늘 할 일들을 처리하려면 그 전에 라우터, 미들웨어, 컨트롤러에 어떤 기능들을 구현할 것인지를 정해야한다. 그냥 개발하는게 아니라 나름대로의 요청을 어떻게 받을지 계획해야한다. 라우터: 엔드포인트와 해당 엔드포인트에서 실행돼야 할 로직을 연결해주는 역할 컨트롤러: 미들웨어의 일종이지만 메인 로직을 담당하므로 분리해서 관리 미들웨어: 메인 로직의 컨트롤러 앞뒤로 추가적인 일을 담당 웹 서비스 개발이 처음이라 구조를 이상..
오늘은 백엔드 개발을 시작합니다. 오늘 할 일 : googleapis 모듈 활용해서 구글 스프레드랑 백엔드 연동하기 1. NodeJS가 css 파일 못 찾음 예전에 개발 환경은 설정했었기때문에 구글 스프레드만 연동하면 될거라 생각했습니다... app.js를 실행하고보니 css 파일을 못찾아서 메인 화면이 깨져있었습니다. express와 css를 연동하는 방법을 열심히 구글링 했습니다. 찾아보니 일반 html에 link를 사용하면 css가 안불러와진다는 사실을 알았습니다. 근데 왜 부트스트랩은 잘 됐을까요????? 이유는 이따가 찾기로 하고 일단 이 현상을 해결하겠습니다. public이라는 폴더를 만든다. public 폴더 안에 css 폴더를 만들고 css 파일을 만든다. server.js 파일에서 app..
안녕하세요! 오늘은 노드 내장 객체 타이머에 대해서 알아보겠습니다. 1. 타이머 종류 타이머 기능을 제공하는 함수들은 다음과 같이 setTimeout,setInterval,setImmediate가 있습니다. 이때, 노드에서 타이머 객체는 global 객체 안에 들어있습니다. 그리고 타이머 함수들은 모두 아이디를 반환합니다. 반환된 아이디는 변수에 저장됩니다. setTimeout(콜백 함수, 밀리초) : 주어진 밀리초(1000분의 1초) 이후에 콜백 함수를 실행 setInterval(콜백 함수, 밀리초) : 주어진 밀리초마다 콜백 함수를 반복 실행 setImmediate(콜백 함수) : 콜백 함수를 즉시 실행합니다. setTimeout( 콜백 함수, 0)와 setImmediate(콜백 함수)의 차이점은 특..
안녕하세요! 지금까지 아주 조금 배운 웹 개발 지식을 활용해서 출석체크 자동화 프로그램을 제작해보려합니다. 지금까지 팀으로 프로젝트를 진행했었는데 이번은 혼자서 처음으로 해보는 것이고, 이런 개발 기록이 처음이라서 서투를 수 있습니다. 1. 개발 계기 저는 2023년 8월 말에 예정되어있는 교환학생을 가기 위해서 이번 년도 2월 말부터 아르바이트를 시작했습니다. 근로장학생은 아니고 인천대학교 외국어교육센터에서 주 5일 (10:00~18:00) 아르바이트로 근무하며 학생들의 출결관리, 어학 상담, 프로그램 홍보 및 진행을 맡고있습니다. 신입생들을 대상으로 하는 STEP-UP 프로그램에는 2~300명정도 학생들이 있습니다. 이 학생들을 관리할때 제일 중요한 부분은 출석입니다. 출석에 따라서 장학금이 지급되기..
안녕하세요! NodeJS의 내장 객체는 모듈 선언(import, require) 필요 없이 사용가능한 객체입니다. 오늘은 console.log로 자주 쓰이는 NodeJS 내장 객체인 console에 대해서 알아보겠습니다. 1. console 이란? console 객체는 터미널이나 커멘드 프롬프트에 메세지를 출력하기 위해 사용합니다. 보통 개발할때 디버깅을 위해 사용합니다. 변수에 값이 제대로 되어있는지, 어떤 에러가 발생했는지 콘솔에 출력해보며 디버깅합니다. 대표적으로 console.log를 많이 사용하지만, console 객체에는 다양한 메서드가 있습니다. console.log(내용): 콘솔에 메시지를 출력합니다. console.error(에러 내용): 콘솔에 오류 메시지를 출력합니다. console...
안녕하세요! NodeJS의 내장 객체는 모듈 선언(import, require) 필요 없이 사용가능한 객체입니다. 오늘은 NodeJS 내장 객체인 global에 대해서 알아보겠습니다. 1. global이란? global 객체는 전역 변수 및 함수에 대한 접근을 제공하는 객체 global 함수는 전역 객체이므로 모든 파일에 접근 가능 JavaScript의 window 객체와 유사 노드에서는 DOM이나 BOM이 없어서 window와 document 객체 사용 불가능 따라서 노드에서 window와 document를 아우르는 객체인 global을 사용 global 생략 가능 원래는 global.console이지만 global을 생략한 console 객체만 입력해도 사용 가능 REPL을 이용해 global 내부 ..
- Total
- Today
- Yesterday
- 교환학생
- 자바스크립트
- 백준
- 혼공학습단
- nodejs
- 혼공
- 백엔드 개발
- 혼공단 9기
- 혼공단 SQL
- 공룡책
- SQL
- 운영체제
- 프로젝트
- Signal
- Process
- JS
- 스페인
- 깃 예제
- C++
- AWS
- googleapis
- 혼공단
- 개발 프로젝트
- 리눅스
- 개발
- 개발일지
- JavaScript
- Linux
- MySQL
- 스페인 교환학생
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |