기록저장소

3.1 Chrome으로 디버깅하기 3.2 코딩 스타일 3.3 주석 3.4 닌자 코드 3.5 테스트 자동화와 Mocha 3.6 폴리필

2.11 논리 연산자 2.12 null병합 연산자 '??' 2.13 while과 for 반복문 2.14 switch 문 2.15 함수 2.16 함수 표현식 2.17 화살표 함수 기본 2.18 기본 문법 요약

2.1 Hello, world! 2.2 코드 구조 2.3 엄격 모드 2.4 변수와 상수 2.5 자료형 2.6 alert, prompt, confirm을 이용한 상호작용 2.7 형 변환 2.8 기본 연산자와 수학 2.9 비교 연산자 2.10 if와 '?'를 사용한 조건 처리

1.1 자바스크립트란? 정의 '웹페이지에 생동감을 불어넣기 위해' 만들어진 프로그래밍 언어 JS로 작성한 프로그램을 스크립트(script)라고 부름, 스크립트는 웹페이지의 HTML내에 작성할 수 있고 웹페이지를 불러올 때 스크립트가 자동으로 실행됨 특별한 준비나 컴파일 없이 보통의 문자형태로 작성, 실행 가능 자바(Java)와는 매우 다른 언어 i 왜 자바스크립트인가? 처음 LiveScript로 불리다가 인기많은 Java의 이름을 이용해 홍보하기 위해 명칭이 바뀜, 자바와는 독자적인 언어, 꾸준한 발전으로 ECMAScript라는 고유한 명세를 갖춘 독립적인 언어가 됨 JS는 브라우저뿐 아니라 서버에서도 실행 가능, 이 외에도 JS엔진(JS engine)이라 불리는 특별한 프로그램이 들어있는 모든 디바이스..

CPU (Central Processing Unit) 1강. 프로그램을 실행하는 칩, CPU 컴파일러, 인터프리터 : 고수준의 언어를 컴퓨터 언어로 바꿔줌 CPU : 머신코드를 실행하는 곳, 중앙처리장치, 컴퓨터 성능에 영향 instruction : cpu 동작의 최소단위 (ex. 8자리의 0, 1 조합) 2강. 하나의 칩에 여러기능 넣기 opcode(operation code) : 기능을 알려주는 코드, + - x /, 컴퓨터는 6자리 내외의 opcode 를 가짐, 하나의 칩에 동시 여러기능을 넣기위한 신호 ALU(Arithmetic logit unit) : 수학연산기능을 할 수 있는 칩 instruction : 100101 0110110010 opcode : 100101 3강. CPU와 저장장치 I ..

컴퓨터 들여다보기 1강. 컴퓨터의 구조, 꼭 알아야할까? 애플리케이션 개발자(애플리케이션 소프트웨어) vs 시스템 개발자(시스템 소프트웨어_ 운영체제, 컴파일러) 애플리케이션 - 시스템 소프트웨어 - 하드웨어 2강. 컴퓨터의 겉모습 살펴보기 메인보드 : 컴퓨터에 들어가는 부품들을 연결할 수 있게하는 판, 마더보드, 슬롯, 이어폰단자, usb 포트 등이 장착되어 있음 CPU : 마더보드에 부착해서 사용, 컴퓨터의 모든 계산이 이루어짐, 컴퓨터의 뇌 하드디스크 : 데이터를 저장하는 공간, Hdd(용량이 크고 속도가 느림), ssd(용량이 작고 속도가 빠름), 컴퓨터를 꺼도 데이터가 보관되는 공간 RAM : 컴퓨터가 켜진 동안 보관할 데이터 저장, 데이터 가져오기, 수정이 빠른편, 하드디스크에 있는 데이터를 ..

input[type=date]::-webkit-datetime-edit-text { -webkit-appearance: none; display: none; } input[type=date]::-webkit-datetime-edit-month-field{ -webkit-appearance: none; display: none; } input[type=date]::-webkit-datetime-edit-day-field { -webkit-appearance: none; display: none; } input[type=date]::-webkit-datetime-edit-year-field { -webkit-appearance: none; display: none; } value값 custom input[t..

https://codepen.io/paperwiz/pen/BaRQvJN BaRQvJN ... codepen.io https://www.freecodecamp.org/korean/news/html-select-taegeu-deurobdaun-menyu-ddoneun-kombo-riseuteureul-mandeuneun-bangbeob/ https://www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select W3Schools online HTML editor The W3Schools online code editor allows you to edit code and view the result in your browser www.w3schools.co..

이벤트 1강. 이벤트 객체 들여다보기 2강. 이벤트 객체 파라미터? 함수의 구조 // 함수 선언 function makeLog(str) { console.log(str); } // 함수 호출 makeLog('안녕하세요'); makeLog함수는 파라미터 하나(str)를 받도록 정의도어, 함수를 호출할 때 파라미터로 값을 하나 넘길 수 있음 이벤트 핸들러 $(document).on('keydown', keyboardInput); 이벤트 핸들러 함수(keyboardInput)를 호출하는 코드가 자바스크립트 내부에 구현된 상태, 함수 선언에 파라미터를 넣는 것만으로도 이벤트 객체 전달이 가능 // 이벤트 객체를 사용할 경우 function keyboardInput(e) { console.log(e.key); }..

jQuery I 1강. DOM pt.1 HTML의 트리구조 = 문서 객체 모델(Document Object Model), DOM 구조, 텍스트가 아닌 Object로 생성된 구조 2강. DOM pt.2 document - html - head - title / meta - body - form - input typeof document = "object" document.getElementById('submin-btn'); //document라는 최상위 객체에서 불러옴 jQuery를 이용해서 DOM트리 다루기 - 다양한 방식으로 DOM객체 선택하기 - DOM 트리에 요소 추가하고 빼기 - DOM트리의 요소 변형시키기 3강. jQuery 사용해보기 Hello Codeit! 청소 코딩 숙제 영화 $("#hel..