본문 바로가기

Javascript/Dream Coding4

javascript 6. class vs object class : 조금 더 연관있는 아이템을 묶어놓는 틀. fields, methods를 종합적으로 묶여있는 틀 *fielsd만 들어있는 것 : 데이터 클래스 class person{ name;//field 속성 age;// field 속성 speak(); //method 행동 } 2021. 6. 17.
javascript 5. Function 함수 function fucntion 함수이름(파라미터1, 2,..){ body...return) 함수는 object로 간주되어짐 -> 변수로 할당하거나, 파라미터로 전달, 함수를 리턴하는 것까지 가능하다. 하나의 함수 당 하나의 기능만을 하는 것을 원칙으로 한다. 만약 함수이름 명명 시, createAndDraw 이런식으로 이름을 짓게 된다면 두개이상의 기능을 하는게 아닌지 살펴보고 두개로 나누어 함수를 분리할 필요가 있다. 변수이름 : 명사 함수이름 : 동사 무언가 동작하는 형태기 때문에 동사, 명령어로 하는게 좋다. 3. default parameters 디폴트 파라미터 기존에는 위처럼 디폴트인 경우를 정의해줬지만, 저렇게 = '' 형식으로 디폴트 값을 지정해주면 사용자가 값을 넣지 않았을 때 대체되어진.. 2021. 6. 16.
javascript 4. operator, if~else, loop(for, while) operator (연산자) equality operator (동치 연산자) 엘리1과 2의 값이 같지만 레퍼런스는 다르다. 다른, 독립된 레퍼런스에 같은 값이 저장된 것이니. 애초에 레퍼런스가 다르니 당연히 타입을 비교해도 false. ellie1 != ellie2 ellie1 !== ellie2 but, ellie3 은 ellie1을 가리키고 있기 때문에 같냐고 물어보는건 당연히 true. 0, ''은 false로 간주된다 했으니 true. 하지만 타입은 다르니 strict equality는 false. null 은 undefined로 간주되지만 타입이 같지는 않다. if ~else ? 만약 ~이면 : 아니면 ? -> name이 ellie면 : -> yes 아니면 no but, 간단할 때만 이렇게 쓰는게.. 2021. 6. 16.
Javascript 1-3. 기초, 데이터 타입 1. 크롬 개발자도구 단축키 cmd + option + i 2. 백틱 한글일 때 : 원화 표시 ₩ 영문일 때 : 백틱 표시 ` node js node를 다운하라길래 했다. 아직 노드를 어떤 식으로 사용해야 하는지 잘 모른다. node js를 깔면 js파일을 바로 읽을 수 있다고 했다. 맥 내 TextEdit.app 을 사용하면 js확장자로 저장해도 읽히지 않는다. 그래서 vscode로 js파일을 생성해서 node를 사용해서 읽으니까 log 출력에 성공했다. Dev Tools tab별로 간단한 소스 코드 수정 및 리뷰 가능 (데브 툴스가 뭔지 몰랐는데 나는 이미 데브 툴스를 사용하면서 디버깅하고 있었음을..) console 탭에서도 간단한 자스 수정이 가능함. source 는 디버깅할 때 유용 Javasc.. 2021. 6. 15.