230109 - JavaScript - class 클래스와 상속

오늘 내가 배운 것 1. 클래스 2. 클래스 상속 3. 메서드 오버라이딩 4. 생성자 오버라이딩 클래스 객체지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메서드를 정의하는 틀 객체를 정의하기 위한 상태와 메서드로 구성된다. 동일한 종류의 객체를 여러 개 생성해야 하는 경우가 많은데 class 문법을 이용하면 객체지향 프로그래밍에서 사용되는 다양한 기능을 자바스크립트에서 사용할 수 있다. 기본 문법 class MyClass { constructor(){} method1(){} method2(){} method3(){} ... } //객체 생성 const a = new MyClass() console.dir(a) 생성자 메서드 constructor()는 객체의 기본상태를 설정해 주고, new에 의해 ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 9.
• textsms

230106 - JavaScript - module, 모듈화 하기

오늘 내가 배운 것 1. 모듈 (module) 2. CommonJS 3. ES6 문법 모듈(module) 모듈은 여러 기능이 있는 파일하나를 뜻한다. 스크립트 하나는 모듈 하나랑 같다. 모듈을 사용해서 얻는 장점으로는 유지보수가 변하고 재사용을 하기 좋다. 여러 방법으로 모듈화를 할 수 있지만 내가 사용해본 방법 2가지를 정리해보려 한다. CommonJS 모듈을 밖으로 내보낼 때는 module.exports를 사용하고 모듈을 가져와서 사용할 때는 require을 사용한다. 이 방식은 Node.js에서 사용하고 있다. 아래의 상황은 a 파일 안에 a의 함수를 b파일에서 사용하고 싶을 때의 상황이다. // a.js 파일 const a = () =>{ console.log("a") } module.export..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 9.
• textsms

230105 - JavaScript - AJAX, FETCH, AXIOS를 이용한 비동기 통신하기

jQuery를 이용하지 않음. 오늘 내가 배운 것 1. 비동기방식 통신이란? 2. 프론트엔드에서 데이터 요청하기 AJAX fetch axios 비동기방식 통신이란? 동기식 방식은 요청을 보낸 후 응답을 받아야 다음 작업을 할 수 있지만 비동기 방식은 요청을 보내고 응답을 기다리지 않고 다른 일을 할 수 있는 상태이다. 그래서 이를 이용하면 웹 페이지를 새로고침 없이 원하는 데이터를 이용하여 웹 페이지의 구성을 바꿔 줄 수 있다. 프론트엔드에서 데이터 요청하기 지금 코드는 front 서버와 back 서버를 분리한 상태이고, MySQL을 이용하여 데이터베이스를 만든 후 데이터가 있는 상태에서 그 값을 back 서버의 라우터를 이용하여 불러오는 과정이다. front와 back 서버가 분리되어 있기 때문에 co..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 5.
• textsms

230104 -JavaScript DB를 이용한 댓글 기능 만들기

오늘 내가 배운 것 1. MySQL, CSR 방식을 이용한 댓글 기능 구현 기본 틀은 기존에 만들었던 코드를 이용해서 만든다. https://baekspace.tistory.com/61 221116 실전예제 - try_catch(), 데이터셋(dataset, data- ), CRUD 댓글창 만들기 오늘 내가 배운 것 1. try-catch() 2. 데이터셋 3. CRUD - update 영역, delete 영역 코드 진행 순서 1. Creat : 댓글을 입력할 수 있다 - 댓글 입력 폼에 내용을 입력 한 뒤 `submit` 을 누르면 리스트에 추가된다. baekspace.tistory.com CSR 방식이기 때문에 AJAX를 이용한다. 코드 순서는 1. front 와 back 서버 분리 각 npm, 외장..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 5.
• textsms

MySQL 명령어, 테이블 구조

모든 명령어를 작성 후에 ; (세미콜론)을 붙여주세요. SQL 분류 1. 데이터 정의어 (DDL) 2. 데이터 조작어 (DML) 3. 데이터 제어어 (DCL) 1. 데이터 정의어 (DDL) CREATE SHOW DROP ALTER USE 데이터 베이스 생성 CREATE DATABASE [데이터베이스이름]; 모든 데이터 베이스 보기 SHOW DATABASES; 모든 테이블 보기 SHOW TABLES; 데이터 베이스 사용하기 USE [데이터베이스명]; 테이블의 Filed를 한줄로 보기 DESC [테이블명]; 테이블 생성하기 예시 CREATE TABLE user( idx int(11) AUTO_INCREMENT PRIMARY KEY, userId VARCHAR(150) NOT NULL, userPw VARCH..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 3.
• textsms

Network - HTTP 통신, REST API

REST API HTTP 프로토콜을 그대로 사용하여 웹의 장점을 활용할수 있는 아키텍쳐 스타일이며 client와 server사이의 어떤 상태(정보)를 전송하는 표현방식 REST 구성요소 메서드 + URI REST 규칙 Method GET POST PUT DELETE ... URI 네이밍 동사보단 명사 사용 대문자보단 소문자 사용 복수형으로 사용 구분자는 하이픈(-) 사용 (카멜 X) 마지막에 '/'를 포함하지 않음 확장자 포함하지 않음 Ex 기존에 게시판 만들었을 때 Read : GET /board/list View : GET /board/view Create : POST /board/write Update : POST /board/modify Delete : POST /board/delete REST ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 3.
• textsms