시작179 230111 - JavaScript - 정적메서드와 접근제어자 Private, Sequelize 오늘 내가 배운 것 1. 정적 메서드 'static' 2. 접근 제어자 'Private' 3. sequelize를 이용한 테이블 만들기 1. 정적 메서드 'static' 정적 메서드는 클래스 선언 안에 있고, 앞에 'static'이라는 키워드가 붙는다. static staticmethod(){} 기본 사용 예시 class User { static staticmethod() { console.log(this === User) } } User.staticmethod() // true 출력 // 정적 메서드는 인스턴스화 되면 호출할 수 없다. const user = new User() user.staticmethod() // Error 정적메서드 사용 및 주의사항 정적메서드는 인스턴스 생성 후에 사용할 수 없.. 2023. 1. 11. 230110 - JavaScript - NodeJS, TDD, ORM, Sequelize 모듈 오늘 내가 배운 것 1. TDD TDD란? TDD 순서 2. ORM ORM 이란? ORM 장점 ORM 단점 3. Node에서 ORM 사용하기 4. sequelize 설치 TDD TDD 란? - Test Driven Development의 약자로 '테스트 주도 개발'이라고 한다. 기존 코드를 작성하는 방식은 설계를 한 후 코드를 작성하여 개발을 진행한 후에 테스트를 하고 수정사항을 고치는 방식이었다면 TDD 방식은 설계를 한 후 테스트 코드를 작성해서 확인을 하고 실제 코드를 개발한 후에 리펙토링을 하는 방식이다. TDD 순서 - 작은 단위의 테스트 코드를 작성한다(보통 class 단위) - 테스트를 진행 - 통과될 때까지 테스트 코드를 수정 - 통과된 코드를 리펙토링 - 리펙토링한 코드테스트 - 리펙토링.. 2023. 1. 10. 230109 - JavaScript - class 클래스와 상속 오늘 내가 배운 것 1. 클래스 2. 클래스 상속 3. 메서드 오버라이딩 4. 생성자 오버라이딩 클래스 객체지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메서드를 정의하는 틀 객체를 정의하기 위한 상태와 메서드로 구성된다. 동일한 종류의 객체를 여러 개 생성해야 하는 경우가 많은데 class 문법을 이용하면 객체지향 프로그래밍에서 사용되는 다양한 기능을 자바스크립트에서 사용할 수 있다. 기본 문법 class MyClass { constructor(){} method1(){} method2(){} method3(){} ... } //객체 생성 const a = new MyClass() console.dir(a) 생성자 메서드 constructor()는 객체의 기본상태를 설정해 주고, new에 의해 .. 2023. 1. 9. 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.. 2023. 1. 9. 230105 - JavaScript - AJAX, FETCH, AXIOS를 이용한 비동기 통신하기 jQuery를 이용하지 않음. 오늘 내가 배운 것 1. 비동기방식 통신이란? 2. 프론트엔드에서 데이터 요청하기 AJAX fetch axios 비동기방식 통신이란? 동기식 방식은 요청을 보낸 후 응답을 받아야 다음 작업을 할 수 있지만 비동기 방식은 요청을 보내고 응답을 기다리지 않고 다른 일을 할 수 있는 상태이다. 그래서 이를 이용하면 웹 페이지를 새로고침 없이 원하는 데이터를 이용하여 웹 페이지의 구성을 바꿔 줄 수 있다. 프론트엔드에서 데이터 요청하기 지금 코드는 front 서버와 back 서버를 분리한 상태이고, MySQL을 이용하여 데이터베이스를 만든 후 데이터가 있는 상태에서 그 값을 back 서버의 라우터를 이용하여 불러오는 과정이다. front와 back 서버가 분리되어 있기 때문에 co.. 2023. 1. 5. 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, 외장.. 2023. 1. 5. 이전 1 ··· 15 16 17 18 19 20 21 ··· 30 다음 728x90
