잘 작동하는 소프트웨어를 만들기 위해서 목적에 맞는, 간결한 코드를 바르게 작성하기프로그래밍(Programming) = 데이터 처리를 하는 것(Data processing)변수 : 보관함에 데이터를 편리하게 저장하고 꺼내쓰는 것. 이름이 붙은 값변수의 선언(declar
모든 글자의 나열 . 작은 따옴표(')나 큰 따옴표(")를 사용하여 문자열을 구분공백문자 : 탭문자(\\t), Carrige return(\\r\\n), 줄바꿈return(\\n)자동완성 기능. 날짜를 나타내는 숫자를 문자열로 변경문자열( string ), 문자 하나(
:단순한 반복을 보다 효율적이고 간결하게 할 수 있도록 함. 코드에서 반복문이 없다면, 우리는 수백만 개의 정보를 처리하기 위해서 수백만 줄의 코드를 작성해야 함. 같거나 비슷한 코드를 여러번 실행시켜야 할 경우에 쓰는 구문단순한 기능을 반복 수행let sum = 1;
핵심이 되는 기능을 최우선으로 구현하고, 잘 동작하는지 확인해야 합니다. 프로토타입(Prototype) : 사용자에게 검증받기 위해 UI/UX를 어느정도 고려한 소프트웨어스프린트(Sprint : 단거리 달리기) : 프로토타입을 계속해서 만들고, 잘 동작하는 지 검증하는
배열, 객체 수 많은 데이터를 한 번에 처리하는 방법. 인스타그램이나 카카오톡 같은 대규모 서비스에서 매번 새로운 변수를 선언한다면, 같은 일을 여러번 반복하게 된다. 한 번에 최소 100개 이상의 데이터를 사용할 때, 배열이나 객체를 사용한다면 단 한 번의 선언으로
원시 자료형 (Primitive type data): number, string, undefined, null, boolean, (bigint, symbol)원시 자료형이라고 하는 이유 : 데이터 저장소(메모리)의 용량이 제한되어 데이터 보관함 한 칸에 하나의 데이터만
매개변수: 선언된 지역변수 o : 지역 스코프내에 변수가 있으면 찾아나가지 않아도 된다.클로저함수가 중첩됨내부함수가 외부함수를 참조할수 있어야함\-내부함수가 실행 될때 내부함수에 전역변수를 사용하고 있다면 전역변수에 있던 것은 저장되지 못함.전역변수 변하면 클로져도
고차함수를 통해 높은 수준에서 사고하는 방식, 보다 복잡한 알고리즘을 직접 구현
HTML을 바라보는 또 다른 관점, DOM(Document Object Model). DOM : 프로그래머 관점에서 바라 본 HTML. 브라우저 환경에서 자바스크립트를 이용해 HTML을 조작 가능.DOM을 이해, 조작 => HTML을 단순한 문서에서 웹 앱으로 업그레
클래스와 인스턴스라는 용어를 이해할 수 있다.new 키워드의 사용법을 이해할 수 있다.class 키워드의 사용법을 이해할 수 있다.현실 세계의 모델을 바탕으로 클래스의 메소드와 속성을 디자인할 수 있다.객체 지향 프로그래밍 특징을 이해할 수 있다.캡슐화상속추상화다형성J
forEach 메소드와 루프 제어문for문 : continue, break, return 적용가능forEach : continue, break, return 적용 불가능
https://www.youtube.com/watch?v=nKD1atl6cAw서버 : 데이터를 요구하면 데이터를 보내주는 프로그램서버에 데이터를 요청할때 필요한 것 데이터 URL : 서버개발자가 만든 API로 요청하면 됨.\-> URL로 GET 요청을 한다.
자바스크립트는 일반적인 코드를 작성하면 synchronous(동기적) 하게 처리.: JS는 동기적(synchronous)이다. 호이스팅 후 동기적으로 위에서부터 코드가 실행된다. 자바스크립트는 어떤 함수들을 사용하면 asynchronous(비동기적) 하게 코드실행이 가
https://www.youtube.com/watch?v=FN_D4Ihs3LE
https://www.youtube.com/watch?v=tJieVCgGzhs
https://www.youtube.com/watch?v=\_DLhUBWsRtw: field, method로 이루어짐.: 사용자가 method 사용할때 제제를 가할 수 있다.: extends를 이용해서 공통적인 부분 일일히 작성하지 않아도 재사용 가능.필요한
ES6 Map(), Set(): Array 중복 제거 (3가지 방법)new Set(배열)new Set(배열)
배열과 객체의 성능 분석
정규 표현식 만들기 정규 표현식 리터럴은 스크립트를 불러올 때 컴파일되므로, 바뀔 일이 없는 패턴의 경우 리터럴을 사용하면 성능이 향상될 수 있습니다. const re = /ab+c/ RegExp 객체의 생성자 호출 : 생성자 함수를 사용하면 정규 표현식이 런타임에
10진법 -> n진법숫자.toString(n)n진법 -> 10진법parseInt(문자열, n)
돔 요소 위치, 크기 확인 : Element.getClientRects()Element.getBoundingClientRect()
event.currentTarget.value 을 쓰는 이유위에 글 보시면 잘 설명이 되어있는 것 같습니다. target을 쓰는 경우에는 이벤트 버블링의 최하위를 반환하는 형식이다보니 Onclick을 씌운 전체 태그가 아닌 다른 것이 잡힐 가능성이 있어서 귀찮은 일이