본문 바로가기

코딩

 (156)
nodejs에서 웹으로부터의 요청 처리하기(feat. post) post 기억납니까? 2023.01.19 - [코딩/NodeJS] - 백엔드 공부를 위한 NodeJS 알아보기 + 설치 백엔드 공부를 위한 NodeJS 알아보기 + 설치 개발자가 되고 싶은 사람이라면 프론트엔드와 백엔드라는 단어를 들어봤을 건데 궁금해서 나무위키를 찾아보면 '백엔드는 DB와 API 서버 개발을 맡는다'라고 적혀있음 여기서 DB는 데이터베이스 bebutae.tistory.com 여기서 get이랑 post이야기 한적이 있음 귀찮은 사람들을 위해 간단히 설명하자면 get은 서버에 읽기 요청을 하는 것 post는 서버에 쓰기 요청을 하는 것 자 그래서 일단 서버에 form을 갖고있는 html파일을 띄워봅시다 참고로 form에 정보를 입력하고, 서버로 전송할거라서 form을 넣은거임 하나더 참고로..
nodejs로 HTML 파일 띄워보기 명색이 백엔드 공부하는건데 그래도 HTML파일정도는 띄워봐야하지 않겠슴까 자 적당한 HTML파일 하나 만들어주고 서버 소스파일 하나 만듭시다 아 참고로 2023.01.20 - [코딩/NodeJS] - NodeJS로 서버 만들고 실행해보기 NodeJS로 서버 만들고 실행해보기 서버 뭔가 거창하고 어려울 것 같은데 우린 이미 지난 포스팅에서 준비를 다함 2023.01.19 - [코딩/NodeJS] - 백엔드 공부를 위한 NodeJS 알아보기 + 설치 백엔드 공부를 위한 NodeJS 알아보기 + 설치 개발 bebutae.tistory.com 요 포스팅에서 이어지는거니깐 이전 글 참고하세요 // express로 서버 만들기 기본 셋팅 const express = require("express"); const a..
nodejs 서버 자동으로 껐다 켜주는 Nodemon 설치하기 nodejs로 서버 구동할때 서버 코드 수정할때마다 서버 껐다 켜야되잖슴까? 나는 걍 코드 저장만 하면 바로바로 적용시키고 싶은데 자꾸 껐다 켜야만 수정코드 적용되서 너무 귀찮음... 자 그래서 준비했습니다 오늘은 nodemon을 설치해줄거임 npm install -g nodemon 터미널에 위 명령어 입력하면 nodemon 설치됩니다 참쉽죠? -g 옵션 넣는건 해당 컴퓨터의 모든 폴더에서 nodemon을 쓸 수 있도록 설치하는 옵션임 nodemon server.js nodemon 사용하는 방법은 위 명령어를 터미널에 입력하면 됨 아 그런데 nodemon 실행해봤더니 혹시 막 빨간 글씨로 스크립트를 실행할 수 없다고 뜬다면? 그거 스크립트 실행 권한이 없어서 그런거임 powershell 관리자 권한으로 ..
NodeJS로 서버 만들고 실행해보기 서버 뭔가 거창하고 어려울 것 같은데 우린 이미 지난 포스팅에서 준비를 다함 2023.01.19 - [코딩/NodeJS] - 백엔드 공부를 위한 NodeJS 알아보기 + 설치 백엔드 공부를 위한 NodeJS 알아보기 + 설치 개발자가 되고 싶은 사람이라면 프론트엔드와 백엔드라는 단어를 들어봤을 건데 궁금해서 나무위키를 찾아보면 '백엔드는 DB와 API 서버 개발을 맡는다'라고 적혀있음 여기서 DB는 데이터베이스 bebutae.tistory.com 여기서 nodejs랑 express 설치했기 때문에 간단하게 서버 만들고 실행해봅시다 server.js파일 만들고 // express로 서버 만들기 기본 셋팅 const express = require("express"); const app = express()..
백엔드 공부를 위한 NodeJS 알아보기 + 설치 개발자가 되고 싶은 사람이라면 프론트엔드와 백엔드라는 단어를 들어봤을 건데 궁금해서 나무위키를 찾아보면 '백엔드는 DB와 API 서버 개발을 맡는다'라고 적혀있음 여기서 DB는 데이터베이스고, API(Application Programming Interface)는 데이터 요청 체계임 아니 데이터베이스는 알겠는데 데이터 요청 체계가 뭐임? 싶다면... 예를들어 우리가 유튜브 웹페이지에서 어떤 영상을 클릭한다고 가정했을때 유튜브 영상이 저장된 서버에서는 우리가 클릭한 영상을 웹페이지로 보내줘야 함 이때 웹페이지와 영상이 저장된 서버 사이에 요청과 응답이 이루어지는데 이 요청과 응답 체계를 API라고 함 혹시 CRUD(Create, Read, Update, Delete)를 들어봤다면 바로 이 CRUD가 API..
자바스크립트로 버튼 효과 만들기 웹페이지에서 버튼 눌렀을때 뭐가 튀어나오게 하거나 텍스트를 바꿔준다거나 그런 다양한 기능들을 구현하기 위해서는 자바스크립트를 써야 함. 물론 버튼 디자인은 HTML과 CSS로 한다. 오늘 포스팅 내용은 버튼 디자인은 모르겠고 버튼을 눌렀을때 기능을 부여하는 것이 핵심. 바로 예제 코드 들어감 뿅 버튼 div 태그에 스타일을 넣어서 display: none 옵션을 넣으면 기본적으로 div 태그의 내용이 웹페이지에 표현되지 않음. 근데 버튼을 만들어서 div 태그의 스타일 옵션을 display: block 으로 바꿔주면 div 태그의 내용이 웹페이지에 표현됨 이렇게 된다는 이야기임. 자 여기서 버튼 태그에 onclick이라는 옵션이 들어가있는데 말그대로 저 태그를 클릭했을때 특정 코드를 실행시켜준다. onc..
자바스크립트로 HTML에서 특정 id의 텍스트 바꾸기 자바스크립트는 HTML을 조작할 수 있는 프로그래밍 언어임 바로 예제 갈길게여 안녕? 위 예제를 돌리면 우리는 insa라는 id를 가진 태그의 내용물을 '안녕하세요?'라는 텍스트로 바꿀 수 있음 이게 가능한 이유가 저기 이렇게 글자 색도 바꿔줄 수 있음. style 옵션 뒤에 color도 넣을 수 있고, background-color, font-size 등 CSS 옵션을 넣을 수 있다. 아주 간단함.
[백준 파이썬] 1284번 집 주소 (B3) 안녕하세요. 오늘은 백준 1284번 집 주소 문제를 풀어보겠습니다. 문제가 구구절절 길지만 간단하게 요약하면 1. 숫자를 입력받는다 2. 입력받은 숫자가 0일 경우 프로그램을 종료한다. 3. 입력받은 숫자가 0이 아닐 경우 너비 계산을 실시한다. 4. 입력받은 숫자중 1은 2의 너비를, 0은 4의 너비를 차지하고, 나머지 숫자들은 3의 너비를 차지한다. 5. 입력받은 숫자의 좌우로 1의 여백이 들어가야 하며, 모든 숫자의 사이에도 1의 여백이 들어간다. 입니다. 입력 예시가 아래와 같습니다. 숫자를 입력하면 너비를 계산해주고, 0이 입력되면 프로그램이 종료됩니다. 풀이 전에 소스코드를 먼저 살펴보겠습니다. while 1: num = input() if num=='0': break else: inner =..

티스토리툴바