Homile

배열(Array) 순서가 있는 값을 저장할 때 사용하는 자료구조이며 배열을 사용하는 자료구조의 대표적인 예로 스택, 큐, 덱이 있다. 배열의 구조 요소가 들어있는 방의 번호를 인덱스라고 하며, 정수형만 입력이 가능하고 0부터 시작한다. 배열에 값을 삽입하는 js 메서드는 push(), unshift()가 있으며, 삭제하는 메서드는 pop(), shift()가 있다. 자세한 내용은 자료구조 스택에서 다룬다. 인덱스(Index) 0 1 2 3 요소(element) 'banana' 'apple' 'peach' 'pineapple' 배열생성 및 출력 []을 사용하여 빈 배열을 생성할 수 있다. new Array()를 사용하여 빈배열을 생성할 수 있다. [](배열리터럴)을 사용하여 '배열[인덱스]'형식으로 요소를..

CSS selector: html에 작성한 요소에 접근하는 방법 CSS Style 적용방법 inaternal: HTML문서 내에서 CSS style 적용 inaternal external: HTML문서 내에서 CSS파일 연동하는 방법 inline: 태그 내에서 style 적용 inaternal Selector: 요소 접근 방법 전체 selector: 모든 요소에 접근 * { } 태그 selector: 태그에 접근 div { } p { } Class selector: 클래스에 접근 .container{ } Id selector: 아이디에 접근 #container { } 자식 selector: 부모의 밑에 있는 자식 요소에 접근 body > div { }

📌 반복문: 같거나 비슷한 코드를 여러번 실행해야 하는 경우에 사용한다. 📌 반복문의 종류 for for...in for...of while do ...while 📌 for 어떠한 조건이 거짓이 될 때까지 반복한다. 주로 특정 조건이 주어져 있을 경우에 많이 사용합니다. for (초기문; 조건문; 증감문) 문장 ex) 초기문 i = 1, 조건문 i

📌 문자열: ''(따옴표)로 감싸진 데이터 값 let name = "cho"; console.log(name); // output: 'cho' 📌 문자열 내 특수문자 사용법 일반적으로 특수문자를 사용하듯이 하면 JS내에서는 작성되지 않는 경우가 있습니다. 위와 같은 경우 JS내에서 특수문자를 사용할 수 있는 기호들이 많이 존재하는데 그 중 자주 사용하는 문자를 작성해 보겠습니다. 특수문자 설명 \n 개행 \t 수평 탭 \b 백 스페이스 \\ \ 기호 \' '(작은 따옴표) \" "(큰 따옴표) 📌 문자열과 함께 사용하는 메서드 문자열에서 자주 사용하는 메서드들이지만 배열과 함께 사용하는 경우도 다수 존재합니다. concat(data1, data2, ...) 주로 배열을 이어 붙일때 많이 사용하지만 문자열..

📌 조건문: 참과 거짓을 판별하는 말그대로 '조건'을 구분할 수 있다. if ~else, if ~else if와 같이 단일 조건문으로 사용할 수 있으며 중복으로 조건을 처리할수도 있다. 논리 연산자(&&(and), ||(OR)) 연산자를 사용하여 조건문안에 조건식을 세워 줄 수 있다. 📌 if: if 문의 조건이 참일 때 명령문이 실행되고 거짓일 때 명령문이 실행되도록 한다. let a = 10; let b = 5; if (a > b){ // 조건이 참일 때 실행 console.log(`a가 b보다 큽니다.`); }else{ // 조건이 거짓일 때 실행 console.log(`b가 a보다 큽니다.`); } 📌 if ...else if: 조건문을 연속으로 지정할 때 사용한다. let a = 10; let ..

📌 함수(Function) 하나의 작은 기능을 하는 것. 함수에 값을 '전달'하면 함수에서 값이 반환된다. 속성과 메서드를 모두 가질 수 있으면 '일급 객체'라고 한다. 📌 함수 정의하기 함수 선언식 function name (param){ return param; } 함수 표현식 // 일반적인 함수 표현식 const name = function(param) { return param } // 함수 표현식 + 함수 선언식 const name = function names(param) { return param } 화살표 함수 const name = (param) => { return param; } 📌 함수 호출하기 함수명(인자(agrument)); // 함수 표현식으로 선언 const name = fu..

📌 변수란? - 데이터를 편하게 다루기 위한 데이터의 이름 📌 변수의 선언(declaration) 및 할당(assignment) 선언: let name; 할당: name = "ho"; let age = 12; 선언이 미리 되어있다면 변수명에 바로 할당 할 수 있다. 선언과 할당을 동시에 할 수 있다. 변수를 선언 하는 문법 (var, let, const) var: 변수를 선언하는데 가장 오래된 문법 (현재는 let을 많이 사용한다.) 선언한 변수를 전역적으로 사용이 가능하며 두번 선언할 수 있다. let: var문법의 상위문법이다. 범위는 블록으로 이루어져 있어 범위를 벗어나면 호출할 수 없다. let을 사용하여 같은 블록 내에서 2번 선언 할 수 없다. let a = 1; if (true){ let b..

CSS(Cascading Style Sheets)란? 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. HTML로 웹 페이지의 틀을 제작하고 거기에 디자인을 해주는 것이 바로 CSS이다. CSS의 특징 규칙 기반 언어이다. 웹 페이지의 제목 및 링크의 색상과 크기 변경을 할 수 있다. 웹 페이지의 레이아웃을 만드는데 사용할 수 있다. 애니메이션과 같은 효과도 만들 수 있다. 참고자료 CSS MDN

JavaScript란? HTML, CSS를 사용한 정적인 웹 페이지를 동적으로 움직이도록 만들어준다. 웹을 위한 인터프리터 언어이자 객체 기반의 프로그래밍 언어이다. JavaScript의 특징 객체 기반의 스크립트 언어이다. 객체 지행형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다. ECMAScript 브라우저의 표준안을 작성하기 위해 만들어진 표준화된 스크립트 프로그래밍 언어 22년 1월 기준 최신 버전 ES6 라이브러리 jQuery, dojo, mootools 참고자료 JavaScript MDN

Git과 Github은 소프트웨어 개발 시 가장 자주 쓰이는 버전 관리 도구입니다. Git(깃)이란? 개발자가 작성한 코드와 수정내역들을 로컬로 저장하는 버전 관리 시스템입니다. 로컬 내에서만 관리가 가능하기 때문에 다른 사람과의 공유가 실시간으로 이루어지지 않습니다. Github(깃헙)이란? 작성한 git을 공유하는 웹 클라우드 서비스입니다. 로컬 내에서 작업한 내용을 github에 업로드하여 실시간으로 공유할 수 있습니다. 팀원 간 협력을 하며 프로젝트를 완성할 수 있습니다.