목록CodeStates (214)
Jieunny의 블로그
✔️ Blocking : 하나의 작업이 끝날 때까지 이어지는 작업을 막는 것 ✔️ 동기적 : 시작 시점과 완료 시점이 같은 상황 📌 non-blocking 하고 비동기적으로 작동하는 것이 효율적 📣 자바스크립트의 동기 & 비동기 ✔️ 동기 : 특정 코드의 실행이 완료될 때까지 기다리고 난 후 다음 코드를 수행하는 것 ✔️ 비동기 : 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드들을 수행하는 것 ✔️ JS의 작동원리 JS는 싱글 스레드 기반 언어(스레드가 하나라서 동시에 작업이 불가능하다 -> 동기적으로 작동한다) 자바스크립트 런타임에서 비동기 처리를 도와주기 때문에 특별한 작업 없이 비동기 처리를 할 수 있다. 📣 비동기 JS ✔️ 타이머 관련 API 1️⃣ setTimeout(callbac..
➰ 33일차 오늘은 페어분이 안와서 페어활동 혼자하구 코테 문제풀기 + 예습 리액트 공부하기 시작했는데 너무 오랜만에 하는거라 다 잊어버린 것 같았는데 다시 보면 기억나는 게 신기하다. 별 거 한게 없는데 시간이 너무 빨리간다🥹
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dybTw1/btrWhte6RQD/eVcL3LVH62cV6M5thlsl1K/img.png)
📣 상속을 이용해서 클래스 구현하기 ✔️ 계층 구조 📣 super, extends 란? ✔️ super() : 부모 클래스의 함수를 호출할 때 사용한다. this 키워드가 사용되기 전에 호출되어야 한다. -> 안그러면 참조오류 발생 ✔️ extends() : 클래스를 다른 클래스의 자식으로 만들 때 사용한다. class 기반으로 상속을 받는 것처럼 보이지만, JS는 prototype 기반의 언어이기 때문에 내부적으로는 prototype chain을 통해 상속이 이루어진다. 📣 코드 1️⃣ Grub.js class Grub { constructor(){ this.age = 0; this.color = 'pink'; this.food = 'jelly'; } eat() { return `Mmmmmmmmm ${..
보호되어 있는 글입니다.
➰ 30일차 30일! 딱 한달 되는 날 벌써 한달이라니 시간 참 빠르다 오늘부터 9-10시에 데일리 코딩이라고 코테 비슷한 거 하는데 이런 알고리즘에 약한 나에게 유익한 시간이다. 억지로라도 푸니까 ㅎㅎ... 오늘은 하루종일 자습이라 개념 공부하고, 블로깅하고.. 남는 시간엔 코테 공부했다. 의사 코드 쓰는 습관 들이려고 열심히 쓰려고하는데 맨날 까먹고 냅다 코딩부터 해서 계속 신경 써야겠다 책 온거 읽고 싶은데 남은 시간 다 코테 준비 하다보니 언제 읽어야할지..🥺 오늘 스터디 제의 받았는데 아직 고민이다. 도움이 될거 같긴 한데 매주 발표하고 참여할 체력이 있을까..? 그래도 힘들어도 해보는게 좋을 거 같아서 참여하는 쪽으로 생각하고 있다. 책 보니까 생각보다 js를 깊이 있게 다루고있어서 겉핥기 식..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/ou7Xh/btrV7e3BcFl/t27MhCPlziJpQsyTPtJEb1/img.jpg)
📌 JS는 프로토타입 기반의 언어이다. 📣 프로토타입 ✔️ 원형이라는 뜻 (객체의 원형, 즉 객체의 부모) ✔️ 객체는 프로퍼티를 가질 수 있는데, 프로토타입 이라는 프로퍼티는 객체가 생성될 때 프로토타입에 저장된 속성들이 그 객체에 연결된다. ✔️ 모든 객체는 프로토타입에 접근할 수 있다. 📣 프로토타입과 클래스 class Human { constructor(name, age) { this.name = name; this.age = age; } sleep() { console.log(`${this.name}은 잠에 들었습니다`); } } let kimcoding = new Human('김코딩', 30); // 실습해보세요 Human.prototype.constructor === Human; // tru..