기록저장소

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..

과제로 워밍업 1강. JavaScript의 기능들 2강. Math 정리노트 절대값(Absolute Number) : Math.abs(x) console.log(Math.abs(-10)); //10 console.log(Math.abs(10)); //10 최댓값(Maximum) : Math.max(a, b, c) console.log(Math.max(2, -1, 0); //2 최솟값(Minimum) : Math.min(a, b, c) console.log(Math.max(2, -1, 0); //-1 거듭제곱(Exponentiation) : Math.pow(x, y) console.log(Math.pow(2, 3); //8 제곱근(Square Root) : Math.sqrt(x) console.log(Mat..

HTML, CSS와의 콜라보레이션 1강. 환경설정 F12 - console 에서 임시적용 가능 2강. HTML의 해결사, 자바스크립트 Home Home Home //▽ Home Home //photo라는 id값을 가진 요소 가져오기 //src 변경 Home 3강. 코드를 함수로 빼기 Home Home //photo라는 id값을 가진 요소 가져오기 //src 변경 Home //clickSeoul이라는 함수 호출 //간략히 하기 Home Home //하나의 함수로 남기기 .......?? seoul tokyo 4강. 폰트 굵기 바꾸기 5강. jQuery jquery cdn 최신버전, minified Home Home //▽ 6강. jQuery 설치 정리 노트 1. 링크 사용하기 _ jQuery CDN 더 빠..

반응형 웹 1강. 반응형 웹 h1{font-size: 24px;} @media (min-width: 768px){ h1{font-size: 36px;} } @media (min-width: 992px){ h1{font-size: 48px;} } 2강. 반응형 그리드 3강. 이노 //세로정렬 .helper{ display:inline-block; vertical-align: middle; } .center{ display:inline-block; vertical-align: middle; } 부트스트랩 1강. 새로운 기술을 배우는 법 2강. 부트스트랩 소개 twitter 개발자 제공의 HTML, CSS, JS 프레임워크 css, js 스타일태그 가져오기 3강. 부트스트랩 그리드 container, row(..

포지셔닝 1강. relative 포지션 position: static default값으로 기본으로 있어야할 곳에 위치함 position: relative 상대적인, 요소의 원래 위치를 기준으로 이동, 위치를 옮겨도 기존 공간은 차지함 2강. 해변의 몽숭이 3강. 명언 4강. fixed 포지션 position: fixed 브라우저를 기준으로 고정된 위치, 기존 공간 상실 5강. absolute 포지션 포지셔닝이 안 된 요소 / 포지셔닝이 된 요소 static / relative, absolute, fixed relative : 원래 위치 기준 fixed : 브러우저 기준 absolue : 가장 가까운, 포지셔닝된 조상 요소 기준 6강. 우표 붙이기 float 1강. float float : 3d공간에서 위..