[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 7강 (1)

Object, Literals and properties, Computed properties 오늘 내가 배운 것 1. Literals and properties 일반적으로 작성 시 parameter 가 많아지면 추가해야 할 것이 많아지기 때문에 관리하기 힘들고 그룹으로 묶어서 생각할 수 없기 때문에 힘들다. 이것을 개선하고자 Object 를 사용한다. object = { key : value }; 구조로 이루어짐 Object 는 key와 value의 집합체이다. Object를 만드는 방법은 2가지가 있다. 1. 괄호 {}를 사용하는 방법 (object literal) const obj1 = {} 2. new 키워드를 이용해서 만드는 방법 (object constructor) const obj2 = ne..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 29.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 6강 (2)

class, object, public&private, static, 상속과 다양성 오늘 내가 배운 것 Public & Private 생성자를 쓰지 않고 정의할 수 있다. 그냥 정의하게 되면 public (외부에서 접근이 가능하고), #기호를 붙이게 되면 private(class 내에서만 값이 보여지고 접근이 되고, 값이 변경이 가능하다.) Static (타입스크립트에서도 많이 쓰인다.) 오브젝트가 아닌 클래스에 연결해서 사용한다. static함수를 호출 할 때도 클래스 이름을 이용해서 호출 해야한다. (static은 클래스에 붙여서 사용하는 것이므로 클래스로 호출하는 것이고, 클래스로 호출 하기 때문에 오브젝트를 생성하지 않고 바로 참조할 수 있다.) class.~~ //ok object.~~ //er..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 28.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 5강(2) ~6강 (1)

함수의 선언과 표현, class VS object 오늘 내가 배운 것 클래스 안에는 속성(field)과 행동 (method)가 있다. 클래스는 조금 더 연관이 있는 데이터들끼리(속성 + 행동) 묶어 놓은 것을 말한다. (관련이 있는 변수나 함수들을 묶어 놓은 것.) 간혹 속성(field)만 있는 경우 가 있는데 그것을 데이터 클래스라고 부른다. Class 데이터가 들어있지 않고 틀, 템플릿만 정해놓은 것 -template -declare once -no data in Object -instance of a class -created many times -data in 클래스를 이용해서 새로운 인스턴스를 생성하면 오브젝트가 된다. 오브젝트는 클래스를 이용해서 굉장히 많이 만들 수 있다. 클래스는 정의만 한..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 27.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 5강(1)

함수의 선언과 표현 오늘 내가 배운 것 function + 함수 이름 + (param1, param2) { 기본적인 로직 + return;} 의 구조로 이루어진다 하나의 함수는 한 가지의 일만 하도록 만들어야 한다. 함수의 이름은 동작하는 것 이기 때문에 do-something, 명령어 구조, 동사형태로 작성해야 한다. 함수의 이름을 짓기 어렵다면 함수에 정의되어있는 일이 너무 많지 않은지 확인해볼 필요가 있다. (깨끗하게 만들자) 자바 스크립트에서 function은 object의 일종이다 그래서 function 이 변수, 파라미터, 함수를 리턴할 수도 있게 된다. (나중에 object, prototype에서 다시 다룰 예정) JS에서는 타입이 없다. 그렇기 때문에 함수 자체의 인터페이스를 봤을 때 이 ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 26.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 4강

4. 코딩의 기본 operator, if, for loop 오늘 내가 배운 것 `` (백텍)의 좋은 점은 중간에 줄바꿈을 하거나 ‘’ (홑 따옴표)을 사용하면 그대로 문자열로 변환돼서 보인다. 예를 들어 console.log(‘Ellie’s book’); (홑 따옴표 가득...) 이라고 하면 중간의 홑 따옴표나 특수기호가 인식이 되지 않는데 이때는 console.log(‘Ellie\’s book’); ‼️홑따옴표 앞에 백 슬러시를 이용해서 대입해 주어야 제대로 출력이 된다.‼️ 줄 바꿈은 \n 탭은 \t || (1가지라도 true 면 true ) Value 1 , value 2에서 true 가 나오면 뒤는 판단하지 않는다. (밑에 코드 노트 참고.) 그래서 Value 1 이 true 였으면 value 2..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 24.
• textsms

[유튜브 '드림코딩'] 자바스크립트(JavaScript ES6) 3강

3. 데이터타입, data types, let VS var , hoisting 내가 오늘 배운 것 나는 맥북을 사용하고 있다. 프로그래밍 언어를 배우면 가장 먼저 'hello, world!' 를 출력해보는데 이것 마저도 오류가 나서 엄청 당황했다.. 이유는... `(백틱)을 어딘가에 잘 못 썼다... (정확하게 기억은 안나지만 한군데 백틱쓰고 한군데 홑따옴표를 썼던가..? 찾아내긴 했는데 하나씩 이것저것 해보다가 해결을 본거라 기억이 가물가물..) 백틱 키가 일반 키보드에선 확실히 봤던 기호인데 맥북에 키보드를 하나씩 봐도 도저히 없는 것이였다... 찾아보니 백틱인걸 알았지 처음엔 뭐라고 불리는 기호인지도 모르니 그냥 어떻게든 찾는 수 밖에.. 엄청 찾다가 보니 맥북은 ₩ ( 원 표시 ?) 와 ` (백틱..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 9. 24.
• textsms