목록데브코스 TIL (39)
고양이와 코딩
외장 모듈인 express를 사용해서 서버를 구축 해 볼거에요 *npm에 express install 방법, 사용 방법 코드가 다 나와있어요 ! 기존 http 방식으로 서버를 구동할때는 let http = require('http') 이처럼 let을 사용하고 있는데 express를 사용하면 const express = require('express') const로 선언해 주고 있어요. 이 부분이 왜 다른지 궁금해졌습니다 ! 직접적인 규칙은 없지만.. 이 변수들은 일반적으로 한 번 초기화 되면 변경되지 않기 때문에 const로 선언하는 것이 관례입니다 (http의 let을 const로 사용해도 됨) const express = require('express') const app = express() app..
[웹 풀사이클 데브코스 TIL] - 4주차 Day2 - Express.js 기반의 웹서버 구축 , 응용
Method생성(=등록) : POST 조회 : GET 수정 : PUT / PATCH 삭제 : DELETE 그 외 // HEAD, OPTIONS, CONNECT, TRACE PATCH : 수정되었다면, 바뀐 값만 바꿔주는것!! (일부 변경) PATCH 를 사용하는 예로 마이페이지 (연락처, 이메일, 집주소, 이름 ... ) 중 하나만 변경할 때 사용할 수 있습니다 ✨ 그러나! 사용하는 조건이 까다로워서 보통은 PUT 을 사용한다고 하네요 Node.js 란? (스크립트 언어 이상으로 자바스크립트의 역할을 확장시켜줌 ) 노드라고 하면 당연히 백엔드라고 생각했고, 백엔드에만 사용되는거라고 생각했어요, 하지만 노드는 Node.js기반 리액트, 뷰 , ... 등등 프론트엔드에서도 사용이 되고 있습니다! 노드로 넷플..
[웹 풀사이클 데브코스 TIL] 3주차 Day 1, 2
27일 라이브세션으로 시작된 첫 번째 프로젝트 ! HTML/CSS 를 사용해 포트폴리오 웹페이지 제작하기 - 평가 기준은 다음과 같습니다. 2. 데이터베이스 관계 다이어그램(ERD) 생성, 쿼리 작성하기 - 평가 기준은 다음과 같습니다. 먼저 첫 번째 포트폴리오는 기존에 작업했던 TennisMarket 레이아웃에서 크게 벗어나지 않게 만들었습니다 그리구 오늘 피드백 시간에 들었던 내용들을 간단히 TIL에 정리해 보려고 합니다 ㅎㅎ 포트폴리오 작성에 대해 포트폴리오로 블로그를 작성하면 좋아요 👍 파워블로거 같은 기술만 줄줄 써놓은 블로그 말고, 정말 포트폴리오로 사용할 수 있는 블로그를 씁시다 ㅎㅎ 오류 캡처, 해결 방안 이 가장 중요합니다 TIL 작성 방법 잘한점 한 점 아쉬운 점 개선 순으로 작성합시다..
[웹 풀 사이클 데브코스 TIL] 2주차 Day 5 - 웹 생태계 전반에 대한 실습(2)
1. 데이터베이스란 데이터베이스 (DB) : 데이터를 통합하여 효율적으로 관리하기 위한 데이터 집합체. 데이터를 구조화하여 관리함으로써 데이터 중복을 막고, 효육적이고 빠른 데이터 연산을 가능하게 합니다 DBMS(DataBase Management System) : 데이터베이스를 운영하고 관리하기 위한 것 (ex ORACLE, MySQL, MariaDB ...) SQL : 데이터베이스에 연산을 요청하기 위해 사용 되는 언어로 데이터를 생성, 조회, 수정, 삭제 .. 같은 기능을 수행합니다 데이터 삽입: INSERT 데이터 조회: SELECT 데이터 수정: UPDATE 데이터 삭제: DELETE 2. Docker 개요, 도커 설치, mariaDB 설치 도커 설치 https://www.docker.com/g..
[웹 풀사이클 데브코스 TIL] 2주차 Day 4 - 웹 생태계 전반에 대한 실습(1)
1. 프로젝트 개요 테니스 라켓을 구매하는 쇼핑몰을 만들어 봅시다 페이지 구성 mainPage - 상품을 구매할 수 있는 페이지 orderPage - 상품 구매 후 안내해주는 페이지 order list Page - 구매한 상품의 정보를 확인할 수 있는 페이지 2. 메인 페이지 main.html Tennis market Welcome to Tennis market! Enjoy your shopping. order list Red Racket 지난 시간에 배웠던 태그들이 다 들어있습니다! 3개의 테니스 이미지를 넣을건데요 Red Racket Blue Racket Black Racket 기존 이미지 + 상품이름 + 버튼 에 해당하는 태그들을 div로 한번에 묶어서 복사 붙여넣기 해줬어요 + 클래스 이름도 지정..
[웹 풀사이클 데브코스 TIL] 2주차 Day 3 - 웹 생태계 전반에 대한 이론(2)
1. Inline CSS 속성 찾는 방법 CSS (Cascading Style Sheets) : HTML을 꾸며주는 언어입니다. 인라인 (inline) : HTML 태그 안에 같이 작성합니다. 내부 스타일 시트 (Internal style sheet): HTML 문서 안에 같이 작성합니다. 외부 스타일 시트 (external style sheet): HTML 문서 밖에 작성하고 연결합니다. * HTML 태그 한쌍 ( || ) 를 element라고 부르기도 합니다 (´ . .̫ . `) style속성을 사용하여 Login 글자에 색을 넣어봅시다 ! Login 이번에는 Login 글자를 화면 중앙으로 정렬해 볼게요 Login ID: PW: 폰트 사이즈, 버튼 크기도 키워보았어요 2. 내부 스타..