일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- json
- object
- 혼프
- 비동기
- ajax
- 동기
- slow and steady
- js
- async
- Project
- https://m.blog.naver.com/tt2t2am1118/221010125300
- Import
- setTimeout()
- await
- addEventListener
- prj
- mysql
- webpack
- eport
- promise
- database
- db
- sql
- 게임
- JS #프로젝트
- Porject
- https://youtube.com/playlist?list=PLuHgQVnccGMA5836CvWfieEQy0T0ov6Jh&si=FTaYv8m21EhO-A2K
- 참고블로그
- execCommand
- callback
- Today
- Total
목록전체 글 (308)
C-log
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/eITRNX/btsg1tLDCTB/Q1k9woXi2SJKT013sROgC0/img.png)
YouTube Link 관계형 데이터 모델링 : ERD https://youtube.com/playlist?list=PLuHgQVnccGMDF6rHsY9qMuJMd295Yk4sa ERD를 공부하기전에 알아야할 관계형 데이터 모델링의 개념을 알아야한다. ERD를 사용하는 방법에 있어서는 추후에 카테고리를 따로 생성해서 다시 다루어 볼 것이다. 아래 링크는 관계형 데이터에 관한 강의 링크이다. 관계형 데이터 모델링 www.youtube.com
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/2HbGC/btsge4TWiGW/DjAzFAmjhu7awXCDqB45o1/img.webp)
package Section8_14; public class MotorBike { private int speed; MotorBike(int speed) { this.speed = speed; } } 가장 기본적인 개념이다. 생성자는 객체를 초기화하는 특별한 메서드이며 객체 지향 프로그래밍에서 객체는 클래스의 인스턴스로, 클래스를 기반으로 메모리에 할당된다. 이때 객체가 생성될 때 자동으로 호출되는 메서드가 생성자다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/sWhxr/btsgkIhRIWT/skC1sGjPKk0z9rzBvWVUf1/img.webp)
package Section8_12; public class MotorBike { private int speed; public int sPeed; void setSpeed(int speed) { if (speed > 0) this.speed = speed; //System.out.println(speed); //System.out.println(this.speed); } int getSpeed() { return this.speed; } public int increaseSpeed(int howMuch) { setSpeed(this.speed + howMuch); return this.speed; } public int decreaseSpeed(int howMuch) { setSpeed(this.spe..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b9vRMU/btsgaLOeWQz/LSaMZokUK9sd1xbPhMTDCk/img.webp)
캡슐화 setter : private을 유지하는 setter MotorBike.java package Section8_07; public class MotorBike { private int speed; public int sPeed; void setSpeed(int speed) { this.speed = speed; //System.out.println(speed); //System.out.println(this.speed); } public void start() { System.out.println("Bike Started!!"); } } MotorBikeRunner.java package Section8_07; public class MotorBikeRunner { public static voi..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Pl2bW/btsf2kDm1FR/s8f2qIBppRjX5kjhdgyJ2K/img.png)
YouTube Link JavaScript - prototype (1/2) : prototype이란? https://youtu.be/yXnbvyl04V4 JavaScript - prototype (2/2) : prototype chain https://youtu.be/673mZ8rE9UY 자바스크립트의 객체지향을 지탱하는 핵심적인 개념이다. Prototype : 원형 // 객체 리터럴을 사용하여 객체 생성 let person = { name: "John", // name 프로퍼티 age: 30, // age 프로퍼티 isMale: true // isMale 프로퍼티 }; // 점 표기법으로 프로퍼티 접근 console.log(person.name); // 출력: "John" console.log(pers..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/4X3e2/btsgATrEIWp/R0PxRXQRQ2KIjNKosihSK1/img.png)
YouTube Link 자바스크립트 7. 오브젝트 넌 뭐니? | 프론트엔드 개발자 입문편 (JavaScript ES6) https://youtu.be/1Lbr29tzAA8 //1.리터럴과 프로퍼티 //object = {key : value} const name = 'ellie'; const age = 4; function print(name, age) { console.log(name); console.log(age); } print(name, age); //=>관리하기 힘들다, 오브젝트로 변환하면 아래와 같다. const ellie = { name: 'ellie', age: 4 }; function print(person) { console.log(person.name); console.log(pers..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/wTkbC/btsfaKv25eU/qEUTM6rGH9Cf6KkTykJ5v1/img.png)
YouTube Link 자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 ) https://youtu.be/yOdAVDuHUKQ 오브젝트와 배열의 차이는 무엇인가. 오브젝트는 서로 연관된 것들을 묶어 놓는 것을 말한다. 이러한 비슷한 타입을 묶어놓은 것을 자료구조라고 한다. 자료구조는 동일한 타입만 담을 수 있다. unshift() & shift() //unshift : add an item to the beginning console.log('unshift'); console.log(fruits);//Before fruits.unshift('lemon', 'strawberry') console.log(fruits..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bO7A7k/btseHQPLNJ3/fBNDaCpN64AJU73Z2w6OGk/img.png)
YouTube Link 자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 😱 JavaScript Callback | 프론트엔드 개발자 입문편 (JavaScript ES6) https://youtu.be/s1vpVCrT8f4 우선 콜백함수의 예시 코드들을 보자 function printImmediately(print) { print(); } printImmediately(() => { console.log('hello') }); 위의 코드는 동기식 콜백함수다. 말 그래도 콜을 한 후에 실행되는 것, 그것이 콜백함수이다. printImmediately(() => { console.log('hello') }); 를 보면 () => { console.log('hello') 이 부분이 콜백이..