221226~230102 Express Project

221226~230102 Express Project

환장의 나라 Main 페이지 • Join 페이지 • Login 페이지 • Board 페이지 • Profile 페이지 사용 기술 시연 영상 ‼️ 구현해야할 필수 기능 필수 기능(삼각형 눌러서 펼쳐보기) 1. 메인페이지 카테고리 Home Join Board Profile Admin2. Join페이지 항목 아이디 패스워드 이름 별명 생년월일 성별 전화번호 핸드폰번호 회원가입시 등급이 있다. level 3: 최고관리자 level 2 : 관리자 level 1 : 사용자 level 0 : 승인 전 단계 Welcome페이지 :회원가입 내용을 확인할 수 있다. 아이디 이름 성별 전화번호 핸드폰번호 3. Login페이지 로그인은 아이디와 패스워드 일치여부 4. Board페이지 테이블 항목 순번 제목 작성자 [회원닉네임]..

  • format_list_bulleted TIL(Today I Learned)
  • · 2023. 1. 3.
  • textsms
221219 - Node Express를 이용한 CRUD 게시판 만들기

221219 - Node Express를 이용한 CRUD 게시판 만들기

오늘 내가 배운 것 1. Express를 이용한 CRUD Express 통신을 이용한 CRUD의 C, U영역 만들기 전체적인 흐름은 위에 사진과 같은 흐름으로 진행된다. 작성 시 주의사항 1. a태그를 이동시 경로를 잘 확인해서 적어야 한다. 기존엔 파일을 이동하는 것이었는데, 지금은 경로를 지정해 경로에 해당하는 라우터를 읽고 요청과 응답 메시지에 의해 파일을 보여주는 것이다. 2. view페이지에 선택한 게시글로 가기 위해서 고유 index를 querystring에 같이 담아서 확인할 수 있도록 한다. 완성 확인하기 코드 확인하기 더보기 index.html {{name}} Hello, world@@@ 리스트 바로가기 list.html 게시판 리스트 입니다. 번호 제목 작성자 작성일 조회수 {% for..

  • format_list_bulleted TIL(Today I Learned)
  • · 2022. 12. 19.
  • textsms
221213 - HTTP 통신 / Request, Response Message

221213 - HTTP 통신 / Request, Response Message

오늘 내가 배운 것 1.HTTP 통신 - Request message 구현 - Response message 구현 HTTP 통신하기 통신을 하기 위해서 서버(server)랑 클라이언트(client)가 있어야 한다. HTTP통신에서는 브라우저가 클라이언트의 역할을 한다. 오늘은 HTTP통신을 하는 과정이기 때문에 클라이언트 대신 브라우저라고 한다. 기본적으로 통신을 위해서는 서버와 브라우저의 연결이 필요하기 때문에 3 way Handshake를 이용해서 연결이 되고, 데이터를 요청 후 응답이 오면 통신을 끊기 위해 4 way Handshake로 연결이 끊는데 이 부분은 이전 글에서 했으니 이전 글을 참고하기 바랍니다. https://baekspace.tistory.com/82 221208 - TCP/UDP..

  • format_list_bulleted TIL(Today I Learned)
  • · 2022. 12. 14.
  • textsms
221212 - HTTP 통신 방식, Node.js HTML파일 불러오기, path.join

221212 - HTTP 통신 방식, Node.js HTML파일 불러오기, path.join

오늘 내가 배운 것 1. 과거와 현재 HTTP 통신 방식 비교 2. HTML 파일 열기 과거와 현재 HTTP 통신 방식 흐름 비교 그림을 확인하면서 읽어주세요. 과거에는 백엔드 개발자가 웹페이지를 구현하였는데, 클라이언트가 백엔드에 요청을 하면 백엔드에서 정보를 처리해서 응답을 주는 방법과, API, DB를 이용해야 하는 경우는 API, DB에 백엔드가 요청하고 응답을 받고 응답을 받은 내용을 다시 클라이언트에게 응답해주는 방식을 이용하였다. 기본적인 화면을 구성할 때에도 이런 방식을 통해서 데이터를 받아서 구현하였다. `React`라는 것이 만들어지면서 프런트엔드의 개념이 생겨났는데, 프런트엔드가 생기면서 클라이언트는 프런트엔드와 통신을 하면서 기본적인 화면을 구성하고, AJAX 방식을 이용하여 클라이..

  • format_list_bulleted TIL(Today I Learned)
  • · 2022. 12. 13.
  • textsms
JavaScript - 구조 분해 할당

JavaScript - 구조 분해 할당

구조 분해 할당 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. 배열 구조 분해 할당 1. 배열 구조 분해 할당을 사용하지 않은 할당 방법 let arr = ['1st','2nd', '3nd', '4th', '5th', '6th', '7th'] //mon, tue, wed, thu, fri, sat, sun에 배열 1번요소부터 할당하려고 한다면 //하나씩 기입해줘야했다... const mon = arr[0] const tue = arr[1] const wed = arr[2] const thu = arr[3] const fri = arr[4] const sat = arr[5] const sun = arr[6] console.log(mon) conso..

  • format_list_bulleted JavaScript
  • · 2022. 12. 12.
  • textsms
221201 - Github 개인페이지 만들기

221201 - Github 개인페이지 만들기

2022년 12월 1일 내용 : 추후 포트폴리오를 위한 개인 페이지 만들기 4일차 커밋이름 : 221201 커밋내용 : feat : Project 상세페이지 및 템플릿 만들기 feat : back to top 버튼 만들기 feat : 웹, 모바일버전 contact 레이아웃 구성하기 fix : project item 클릭이벤트 범위 수정하기 fix : about me 컨텐츠 채우기

  • format_list_bulleted TIL(Today I Learned)
  • · 2022. 12. 2.
  • textsms
728x90