AR삽질러

JavaScript - 함수표현식과 화살표함수 (7) 1. 함수표현식 - 함수 표현식은 함수 선언과 다르게 함수의 이름을 생략하고 변수에 익명함수를 할당하는 방식이다.// 1. 함수표현식function funcA() { console.log("funcA");}let varA = funcA;varA(); 2. 익명함수 - 이름이 없는 함수로 주로 함수 표현식에서 사용된다.let varB = function(){ console.log("funcB");}  3. 화살표 함수 (Arrow Function) - 화살표 함수는 ES6에서 도입된 간결한 함수 표현식으로 일반 함수표현식보다 짥은 문법을 제공한다.// 2. 화살표 함수let varC = (value) => value + 1;console.log(var..

JavaScript - 함수 (6) 함수 - 함수는 특정 작업을 수행하는 코드 블록으로 함수를 사용하면 코드의 재사용성을 높이고 가독성을 향상시킬 수 있다. 1. 함수 호출// 함수선언function greeting() { console.log("안녕하세요");}console.log("함수 호출 전");greeting();console.log("함수 호출 후");  2. 직사각형의 넓이를 구하는 함수 - 매개변수와 반환값function getArea(width, height) {// 매개변수 function hello() { // 중첩함수 console.log("함수호출"); } hello(); let area = width * height; return area; // 반환값}let a..

JavaScript - 반복문 (5) 반복문(Loop, Iteration) - 어떠한 동작을 반복해서 수행할 수 있도록 만들어주는 문법으로 조건이 참일때 코드를 반복적으로 실행한다. 1. for - 반복 횟수가 명확할 때 주로 사용된다.// 1. 반복문for (let idx = 1; idx = 5) { break; }} 2. while - 주어진 조건이 참인 동안 코드를 반복해서 실행한다. 조건이 거짓이 될경우 반복을 종료한다.// 2. whilelet i = 1;while (i let i = 1 : 초기화while(i i++ : 반복이 끝날 때마다 i를 1씩 증가 3. do while - 조건이 거짓이더라도 코드 블록은 최소 한번이상 실행된다.let j = 1;do { console.log(j..

JavaScript - 조건문 (4) 조건문 - 특정 조건을 만족했을 때 실행되는 코드를 작성하기 위한 문법으로 if, switch 조건문이 대표적이다. 1. if - if 조건문은 주어진 조건이 참일때 특정코드를 실행하며 else if, else 를 사용해 여러 조건을 처리할 수 있다.// 1. if 조건문let num = 1;if(num >= 10){ console.log("num은 10 이상입니다.");}else{ console.log("num은 10 이하입니다.");} // 1. if 조건문let num = 6;if(num >= 10){ console.log("num은 10 이상입니다.");}else if(num >= 5){ console.log("num은 5이상입니다.");..

JavaScript - 연산자 (3) 연산자(Operator)  - 프로그래밍에서 다양한 연산을 위한 기호, 키워드(+, -, * , /, %) 1. 대입연산자 - 변수에 값을 할당하는데 사용된다.// 1. 대입연산자let var1 = 1; 2. 산술연산자 - 숫자간의 산술 연산을 수행let num1 = 5 + 2;let num2 = 5 + 2;// * / % 는 + - 보다 우선순위가 높다.let num3 = 5 * 2;let num4 = 5 / 2;let num5 = 5 % 2;let num6 = 5 + 2 * 10;console.log(num6); 3. 복합대입연산자 - 연산과 할당을 동시에 수행// 3. 복합 대입 연산자let num7 = 10;num7 += 20;num7 -= 20;num7 *=..

JavaScript - 형변환 (2) 1. 형 변환(Type Casting)  - 어떤 값의 타입을 다른 타입으로 변경하는 과정으로 형변환은 묵지적 형변환과 명시적 형변환이 있다. 묵시적 형 변환(암묵적 형변환)  - 개발자가 직접 설정하지 않아도 자바스크립트 엔진이 형변환을 하는것// 1. 묵시적 형 변환// 자바스크립트 엔진이 형 변환을 하는것let num = 10;let str = "20";const result = num + str;console.log(result); 명시적 형 변환  - 개발자가 직접 함수 등을 이용해서 형 변환을 한다.// 2. 명시적 형 변환// 개발자가 내장함수 등을 사용해 직접 형 변환을 명시한다.let str1 = "10";let strNum = Number(str1)..

JavaScript - 자료형Type (1) 1. 원시 타입(Primitive Types) 숫자형(Number)  - 정수 및 실수 형태의 숫자를 포함한다.// 원시타입(Primitive Types)// 1. Number Typelet num1 = 30;let num2 = 3.5;let num3 = -20;console.log(num1 + num2);console.log(num1 - num2);console.log(num1 * num2);console.log(num1 / num2);console.log(num1 % num2);  문자형(String)  - 텍스트 데이터를 포함하며 '', "", ``으로 감싸서 표현한다.let name = "arang";let age = '29';// 템플릿 리터럴let ..

JavaScript - 변수와 상수 (0) 1. 변수 var, letlet 동일한 변수 이름은 다시 선언할 수 없다.// 1. 변수 letlet age = 29;console.log(age);age = 30;console.log(age); var 동일한 변수 이름을 다시 선언할 수 있다.// 2. 변수 varvar name = "Arang";console.log(name);var name = "AR";console.log(name);2. 상수 const  - 상수는 선언과 동시에 초기화를 해줘야한다.// 3. 상수const number = 3;number = 5; 3. 변수 네이밍 규칙 1. camelCase  - 변수명은 소문자로 시작하고 단어의 첫글자는 대문자로 사용한다.  - 의미 있는 변수명 사용..

CSS? CSS (Cascading Style Sheets) HTML은 Browser에게 웹사이트의 Content가 무엇인지 알려주는 것이다. CSS는 Browser에게 웹사이트의 그 Content가 어떻게 보이는지 알려주는 것이다. 즉 사용자에게 문서를 보여주는 방법을 지정하는 언어로 스타일, 레이아웃, 디자인 등 전반적인 모양을 지정하고 제어한다. CSS는 웹 페이지의 내용과 구조(HTML)와 분리되어 컨텐츠와 디자인을 분리하여 코드의 유지보수와 개선을 도와준다. https://ko.wikipedia.org/wiki/CSS CSS - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 종속형 시트 또는 캐스케이딩 스타일 시트(영어: Cascading Style Sheet)는 마크업 언어..

HTML? 하이퍼 텍스트 마크업 언어(Hyper Text Markup Language) 웹 페이지를 만들기 위한 표준 마크업 언어로 HTML은 웹 브라우저가 이해하고 해석할 수 있는 텍스트 기반의 코드로 작성되며 웹페이지의 구조와 콘텐츠를 정의하는데 사용된다. https://ko.wikipedia.org/wiki/HTML HTML - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 하이퍼 텍스트 마크업 언어(영어: Hyper Text Markup Language, HTML, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)는 웹 페이지 표시를 위해 개발된 지배적인 ko.wikipedia.org HTML 구성 요소 Tage 태그는 각 요소의 시작과 끝은 표시하며 요소의 종류와 특성을 정..