WINK-(Web & App) (425) 썸네일형 리스트형 [2023 백엔드 스터디] 목진협 #2주차 - 6.3~6.5장 Express 웹 서버 만들기 part2 6.3 Router 객체로 라우팅 분리하기 익스프레스를 사용하는 이유 중 하나는 바로 라우팅을 깔끔하게 관리할 수 있다는 점이다. 6.3.1 Express를 이용한 Router 분리 실습 이전 실습까지 작성했던 app.js의 app.get 같은 메소드가 라우터 파트이다. 라우터를 많이 연결하면 app.js 코드가 매우 길어지고 복잡해지기 때문에 Express에서는 라우터를 분리할 수 있는 방법을 제공한다. 라우터 실습을 위해 아래와 같이 routes폴더 안에 index.js와 user.js를 작성하고 app.use를 통해 app.js에 연결한다. [index.js] const express = require('express'); const router = express.Router(); // GET / .. [2023 신입부원 심화 스터디] 조현상 #3주차 - Part 4. , Part5. 오늘 다룰 내용은 DOM 사용법 , 자바스크립트 배열과 문자열을 쓸 때 유용한 함수 두가지이다. 먼저 DOM 사용법부터 다뤄보겠다 일단 DOM이라는 언어부터 정의하자면웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당하는 것을 말한다. 나는 간단하게 HTML 과 JAVASCRIPT 파일이 서로 연결 가능하게 만들어주는 것이라고 이해했다. 우리는 총 3가지 방법으로 javascript 와 html 을 연결 할 수 있다.1. class를 써서 연결하는 방법이다. //html 파일에 First 라는 class를 만들어줬을 때 //자바스크립트 파일에서 연결할 수 있다. document.getElementByClassName('First'); html에서 class로 만들어줬.. [2023 백엔드 스터디] 김민선 #1주차 - 5장.패키지 매니저 5.1 npm 알아보기 🌕 NPM(Node Package Manager) 노드의 패키지 매니저 다른 사람들이 만든 소스 코드들을 모아둔 저장소 남의 코드를 사용하여 프로그래밍 가능 이미 있는 기능을 다시 구현할 필요가 없어 효율적 오픈 소스 생태계를 구성중 5.2 package.json으로 패키지 관리하기 🌕 package.json 현재 프로젝트에 대한 정보와 사용 중인 패키지에 대한 정보를 담은 파일 같은 패키지라도 버전별로 기능이 다를 수 있으므로 버전을 기록해두어야 함 동일한 버전을 설치하지 않으면 문제가 생길 수 있음 노드 프로젝트 시작 전 package.json부터 만들고 시작함(npm init) 🌕 package.json 속성들 package name: 패키지의 이름, package.json의.. [2023 백엔드 스터디] 김민선 #1주차 - 4장.HTTP 모듈로 서버 만들기 4.1 요청과 응답 이해하기 🌕 서버와 클라이언트 소통 순서 1. 클라이언트가 서버로 요청(request) 전송 2. 서버가 요청을 처리 3. 서버가 클라이언트로 응답(response) 전송 🌕 노드로 http 서버 만들기 createServer로 요청 이벤트에 대기 req 객체 : 요청(request)에 관한 정보 res 객체: 응답(response)에 관한 정보 const http = require("http"); http.createServer((req, res) => { // 여기에 어떻게 응답할지 적기 }); 🌕 8080 포트 연결하기 res 메서드로 응답 보냄 write로 응답 내용을 적고, end로 응답 마무리(내용을 넣어도 됨) listen(포트) 메서드로 특정 포트에 연결 const ht.. [2023 신입부원 심화 스터디] 김윤희 #2주차 - Part 2. , Part3. 5강 조건문 (if) const a = 10; const b = 20; if (a [2023 신입부원 심화 스터디] 정호용 #2주차 - Part 2. , Part3. 💡Part 2. 조건문 (if, switch) , 반복문 (for, while) 💡Part 3. 함수 (인자, 매개변수 & 지역, 전역변수) 💡Part3. Default Parameter, Arguments, Rest Parameter, Return Value 💡Part 3. 함수의 표현식, 화살표 함수 [2023 신입부원 기초 스터디] 이총명 #2주차 - CSS 입문 1 . css란 css는 code sexy styling의 약자로 웹사이트를 섹시하게 꾸며준다 css는 Cascading Style Sheet의 약자로 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어이다 2. css 적용방법 인라인 스타일 - Inline Style Sheet 내부 스타일 - Internal Style Shee 외부 스타일 - External Style Sheet 이렇게 3가지 스타일이 있고 앵간하면 외부스타일로 css파일을 따로 만들어 사용한다고 한다. 3. css 출처 사용자 !important > 제작자 !important > 제작자 >사용자 > 브라우저 이 순서인데 사용자는 거의 신경 안써도 되고 제작자>브라우저만 기억해놔도 될 듯 하다. ( important는 casca.. [2023 신입부원 심화 스터디] 이정욱 #2주차 - 기초 문법 Part.2, 3 1. 조건문 (if) 조건문은 if 를 사용하여 실행한다. const a = 10; const b = 20; if (a > b) { console.log('a가 더 작아요!') } else if ( a == b) { console.log('a와 b가 같아요!') } else { console.log('a가 더 커요!') } if (조건문) { 실행부분 } 형식으로 작성되고 조건문이 만족하면 실행부분 안으로 진입하여 코드를 실행한다. else if는 이전의 if문이 실행되지 않고 넘어갔을 때 새로운 조건을 추가하여 실행된다. else는 이전의 if문과 else if문들의 조건들을 제외한 나머지 상태일 때 실행된다. 2. 조건문 (switch) 조건문은 switch의 형태로도 사용할 수 있다. const n.. 이전 1 ··· 46 47 48 49 50 51 52 ··· 54 다음
[2023 신입부원 심화 스터디] 정호용 #2주차 - Part 2. , Part3.
💡Part 2. 조건문 (if, switch) , 반복문 (for, while) 💡Part 3. 함수 (인자, 매개변수 & 지역, 전역변수) 💡Part3. Default Parameter, Arguments, Rest Parameter, Return Value 💡Part 3. 함수의 표현식, 화살표 함수
