Javascript

원시 자료형string, number, boolean, undefinedtypeof JavaScript에는 typeof 연산자로 타입을 확인해볼 수 있다.타입마다 다른 속성과 메서드가 있다.typeof 연산자 사용법typeof 값 ;typeof 뒤에 타입을 알고자 하는

1\. decoration (변수 선언하기)문제 : 키워드 let을 사용하여 변수 course를 선언하세요.2\. Assignment (변수에 값 할당하기)문제 : 선언되어 있는 변수 course에 문자열 'code states'를 할당하세요.3\. Expression

1\. let favoriteFruit = '사과'; → 키워드 let으로 변수 favoriteFruit에 사과를 할당한다.➡️ 키워드 let을 활용하여, 변수 favoriteFruit를 선언하고, 문자열 '사과'를 할당합니다. ✅ 선언과 할당의 차이 구분.✅ 값 저장

* expect* 1) expect 함수 : 테스트하는 값과 기대값을 비교 > type 1) == : 느슨한 비교 연산자(권장 X, 같은 타입끼리 연산하기) 2) === : 염격한 동치 연산자 > 'const' 1) const로 선언된 변수, 재할당 금지 2)

<학습 목표>✅ 원시 자료형과 참조 자료형 구분이 왜 필요한지✅ 원시 자료형과 참조 자료형 차이 이해, 각자 맞는 상황에 사용✅ 원시 자료형이 할당될 때는 '변수에 값 자체'가 담긴다✅ 참조 자료형이 할당될 때는 '보관함의 주소'가 담긴다\* 원시 자료형(prim

1\. isOldEnoughToDrink문제 : 나이를 입력받아 술을 마실 수 있는지(18세 이상) 여부를 리턴해야 합니다.<내가 작성한 코드>2\. isGreaterThan30문제 : 온도를 입력받아 해당 온도가 30이 넘는지 확인 후 알맞은 값을 리턴해야 합니

<mark style='background-color: ✔️ 함수가 일급객체이기 때문에 고차 함수로 활용 가능하다.✔️ 콜백 함수는 함수에 인자로 전달된 함수이다.(익숙해지고 정확하게 알기)✔️ 배열 내장 메서드인 reduce는 초기값이 중요하다.(초기값이 있는지

<mark style='background-color: ✔️ 인스턴스✔️ new 키워드✔️ 생성자 함수✔️ ES5 클래스 작성 문법✔️ ES6 클래스 작성 문법🔎 객체 지향 프로그램은 데이터와 기능을 한 곳에 묶어서 처리한다. 객체 지향 프로그램밍은 하나의 모델

✔️ 객체 지향 프로그래밍 ✔️ 캡슐화 ✔️ 추상화 ✔️ 상속 ✔️ 다형성 🔎 OPP : 모든 것을 객체로 그룹화, 4가지 주요 개념을 통해 재사용성을 얻을 수 있다. 🔎 객체 지향 프로그래밍(OPP)의 주요 개념 : 캡슐화, 상속, 추상화,다형성 🔎 캡슐화 :

✔️ 프로토타입 ✔️.prototype ✔️.proto ✔️ 클래스, 인스턴스, 프로토타입의 관계 🔎 JavaScript는 프로토타입 기반 언어입니다. 프로토타입 체인을 사용하여 객체 지향 프로그래밍의 특성 중 상속을 구현한다. 🔎 모든 생성자 함수는 constr

먼저, class와 Object의 차이를 정확하게 정리하고 넘어가고자 한다.class는 연관 있는 데이터들을 묶어 놓은 것으로 속성과 행동으로 구성된다. 조금 더 직관적으로 이해하기 위해 붕어빵을 예시로 들어 설명을 하자면, class는 붕어빵 틀, 템플릿으로 실제로

상속은 부모가 자식에게 물려주는 행위다.객체 지향 프로그램에서도 부모(상위) 클래스의 멤버를 자식(하위) 클래스에 물려주어 자식 클래스가 갖고 있는 것처럼 사용할 수 있다.코드 중복 감소유지 보수 시간 감소extends 키워드는 클래스를 다른 클래스의 자식으로 만들기

🔎 새로운 section에 들어가기 앞서 다시 한번 콜백함수의 중요성이 강조되었는데, 타인에게콜백 함수가 무엇인지 설명할 정도로 제대로 알지 못하는 것 같아 간단하게 한 문장으로 정의와 용도를 정리하고자 한다. <mark style='background-colo

promise는 자바스크립트 안에 내장되어있는 오브젝트로 비동기적인 것을 수행할 때 콜백 함수 대신에 유용하게 사용할 수 있다 2가지 포인트 잡고 공부하기1\. state(상태) : pending -> fulfilled or rejected(오퍼레이션을 수행 중인지 -

🔎 promise에 이어서 async 와 await는 왜 사용하는지, 어떻게 사용하는지 학습하고자 한다.→ async와 await는 깔끔하게 promise를 사용할 수 있는 방법이다. (promise를 조금 더 간결하고 간편하고 동기적으로 실행하는 것처럼 보이게 해준

🔎 비동기, 콜백 함수, Promise, async/await, Node.js에 이어서 fetch API에 대해 학습하였다.아직 fetch API가 무엇인지, fetch를 이용해서 데이터를 어떻게 불러오는지 명확하지 않은 것 같아 한번 정리하며 복습해보고자 한다.이제

🔎 React 2일 차 학습 전 JavaScript 문법 숙지의 중요성을 느끼고, 수 많은 JavaScript 문법 중 이건 꼭 알아야하지 않을까 생각이 든 JavaScript 문법 몇 가지를 정리하며 복습해보고자 한다. \*\*<mark style='back

🔎 드디어 코드스테이츠의 섹션 3가 시작되었다.. 섹션 3의 시작은 재귀 함수였는데 개념 자체나 작동 방식이 어려운 것은 아니였으나 실제로 연습 문제를 풀면서 코드를 작성하려고 하니, 재귀적 사고를 하는 것이 아직 어색해서 어려웠다. 내일 학습 전에 다시 정리해보며

🔎 재귀 함수에 익숙해지기 위해서 풀었던 코플릿 문제들 중 몇가지를 다시 풀어보면서 복습하고, 조금 더 재귀적 사고에 익숙해져보려고 한다.수(num)를 입력받아 1부터 num까지의 합을 리턴해야 합니다.인자 1 : numnumber 타입의 정수 (num >= 0)nu

📝 알고리즘 문제를 풀다가 splice() 함수를 제대로 알지 못해 다시 MDN를 검색하는 나의 모습을 보고 블로그에 정리해두며 복습하고자 한다splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다.

→ 알고리줌 문제를 풀고, 섹션이 넘어갈 수록 자바스크립트 기초에 대한 중요성을 느껴서 추석 연휴 시작 전에 정리하는 시간을 갖기로 했다. 다 알고 있는 내용이라고 생각했는데 막상 적용하려면 적용하지 못하는 부분이 꽤나 있던 것을 알 수 있었다👉🏻 console.l