분류 전체보기 (501) 썸네일형 리스트형 7장 연산자 / 8장 제어문 22.11.14 월요일 74p~83p 07장 연산자 산술연산자 : 이항 산술 연산자 산술 연산이 불가능한 경우, NaN을 반환한다. 숫자 타입이 아닌 피연산자에 + 단항 연산자를 사용하면 피연산자를 숫자 타입으로 변환하여 반환한다. let x = '1'; console.log(+x); // 1 산술연산자 : 문자열 산술 연산자 연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다. true : 1, false : 0, null : 0 으로 타입 변환된다. 1 + true; // 2 1 + false // 1 1 + null // 1 이를 암묵적 타입 변환 또는 강제 타입 변환이라고 한다. 비교 연산자 : 동등/일치 비교 연산자 NaN === NaN; // false NaN은 자신.. 4장 변수 / 5장 표현식과 문 / 6장 데이터 타입 22.11.07 월요일 39p~49p 04장 변수 변수 호이스팅 변수 선언은 소스코드가 한 줄씩 순차적으로 실행되는 시점, 즉 런타임이 아니라 그 이전 단계에서 먼저 실행된다. 자바스크립트 엔진은 변수 선언을 포함한 모든 선언문(변수/함수 선언문)을 소스코드에서 찾아 먼저 실행한다. 그리고 소스코드의 평가 과정이 끝나면 비로소 변수 선언을 포함한 모든 선언문을 제외하고 소스코드를 한 줄씩 순차적으로 실행한다. 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 변수 호이스팅이라 한다. 값의 할당 변수 선언은 소스코드가 순차적으로 실행되는 시점인 런타임 이전에 먼저 실행되지만 값의 할당은 소스코드가 순차적으로 실행되는 시점인 런타임에 실행된다. 가비지 콜렉터 애플리케이션이 .. 1장 프로그래밍 / 03장 자바스크립트 개발 환경과 실행 방법 22.10.31 월요일 1p~16p 01장 프로그래밍 프로그래밍 언어가 제공하는 문법을 적절히 사용하여 변수를 통해 값을 저장하고 참조하며 연산자로 값을 연산, 평가하고 조건문과 반복문에 의한 흐름제어로 코드의 실행 순어를 제어하고 함수로 재사용 가능한 문의 집합을 만들며 객체, 배열 등으로 자료를 구조화한다. 결국 프로그래밍은 요구사항의 집합을 분석해서 적절한 자료구조와 함수의 집합으로 변환한 후, 그 흐름을 제어하는 것이다. 02장 자바스크립트란? 자바스크립트 성장의 역사 렌더링 HTML, CSS, 자바스크립트로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는 것을 말한다. Ajax 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능이다. 웹 페이지에서 변.. 모던 자바스크립트 Deep Dive 독서 기록지 읽어야 할 챕터 19장 프로토타입 16장 프로퍼티 어트리뷰트 17장 생성자 함수에 의한 객체 생성 14장 전역 변수의 문제점 15장 let,const와 블록 레벨 스코프 13장 스코프 22장 this 23장 실행 컨텍스트 24장 클로저 25장 클래스 26장 ES6 함수의 추가 기능 34장 이터러블 38장 브라우저의 렌더링 과정 39장 DOM 40장 이벤트 42장 비동기 프로그래밍 43장 Ajax 44장 REST API 45장 Promise 46장 제너레이터와 async/await 47장 에러처리 48장 모듈 49장 Babel과 Webpack을 이용한 ES6+/ES.NEXT 개발 환경 구축 2023년 5월 17일 1회독 완료(책으로) 2023년 6월 22일 2회독 완료(블로그 글로) [수학] 프로그래머스 '최고의 집합' - js 1. 문제 https://school.programmers.co.kr/learn/courses/30/lessons/12938 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 코드 이 문제는 수학적 개념을 사용하면 쉽지만 모든 경우의 수를 다 구하려면 'n은 1 이상 10,000 이하의 자연수' 라는 조건에 막혀 허덕일 것이다. 테케를 보면 정답은 항상 요소간의 편차가 적은 경우가 된다. 예를 들어서 자연수 2개로 이루어진 집합 중 합이 9가 되는 집합은 다음과 같이 4개가 있습니다. { 1, 8 }, { 2, 7 }, { 3, 6 }, { 4, 5 }.. [구현] 프로그래머스 '이중우선순위큐' - js 1. 문제 https://school.programmers.co.kr/learn/courses/30/lessons/42628 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 코드 이 문제의 핵심은 temp 배열에 값을 넣을 때 number 형으로 타입을 변환해준 뒤에 넣어야 한다는 것이다. 최대 최소값을 찾을 때 Math 함수를 사용하기 때문에 max, min 변수는 모두 number 형을 가진다. 하지만 이 number 형의 값을 문자열 형태로 된 요소만 있는 배열에서 찾으려면 ? 당연히 indexOf의 값은 -1이 되어 의도치 않은 결과를 초래한다.. [문자열] 프로그래머스 '뉴스 클러스터링' - js 1. 문제 https://school.programmers.co.kr/learn/courses/30/lessons/17677#qna 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 코드 처음 푼 코드) 혼자 별 짓을 다했다. 테케도 다 통과되고 반례도 다 통과되는 것을 확인했는데 도대체 뭐가 문제여서 4,6,7,9,11 번이 통과되지 않는 것인지 모르겠다. 프로그래머스는 다 좋은데 내가 틀린 케이스를 좀 볼 수 있었음 좋겠다 ㅠㅠ 답답하다! 밑의 코드는 굳이 설명도 안하고싶다 ㅋㅋㅋㅋ진짜 별 짓 다한 코드이기 때문에.. 한 세 시간 삽질했나?ㅠㅠ 그래.. 이벤트 버블링, 캡쳐링 및 이벤트 위임 예전에 모달을 만들 때, 모달의 'x'버튼을 누르면 모달이 꺼지는 이벤트가 모달을 눌렀을 때에도 적용이 되어 이것이 이벤트 버블링 현상에 의한 것이라는 것을 처음 알게 되었다. 오늘은 이벤트 버블링과 캡쳐링, 그리고 이벤트 위임에 대해 간단히 정리해보자. 이벤트 흐름이란? HTML 요소가 다른 요소의 내부에 중첩되어 있을 때 자식 요소를 클릭하면 부모 요소를 클릭한 된다. 이처럼 이벤트는 흐름을 가지고 있으며, 이것을 이벤트 흐름이라고 부른다. 이벤트 흐름에는 두가지 방식인 이벤트 버블링과 캡쳐링이 있다. DOM이 겹쳐져 있을 경우 이벤트 시발점과 관련된 모든 요소들이 이벤트에 탑승하게 된다. currnet target: 이벤트의 현재 주인 target: 이벤트의 시발점 예시를 살펴보자. 다음과 같이 d.. 이전 1 ··· 24 25 26 27 28 29 30 ··· 63 다음
