Front-end

# 제어문(control flow statement)이란? 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용한다. 제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어할 수 있다. 1. 블록문 0개 이상의 문을 중괄호로 묶은 것으로, 코드블록 또는 블록이라고 부르기도 한다. 자바스크립트는 블록문을 하나의 실행단위로 취급한다. 또한, 블록문은 자체 종결성을 가지기 때문에 세미콜론을 붙이지 않는다. 2. 조건문(conditional statement) 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 결정한다. 조건식은 불리언 값으로 평가될 수 있는 표현식이다. 2.1 if문, if...else문 if(조건) { //조건이 참이면 실행 } if(조건) { //조건이 참이면 실행 ..

# 연산자(Operator)란? 연산자는 하나 이상의 표현식을 대상으로 연산을 수행해 하나의 값을 만든다. 이때 연산의 대상을 '피연산자'라 한다. 피연산자는 값으로 평가될 수 있는 표현식이어야 한다. 1. 산술 연산자 산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다 .산술 연산이 불가능한 경우 NaN을 반환한다. 1.1 이항 산술 연산자(Arithmetic operators) + (더하기) - (빼기) * (곱하기) / (나누기) % (나머지) ** (거듭제곱) + 연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열로 반환된다. (암묵적 타입 변환) 1.2 단항 산술 연산(Unary Operators) ++ (증가) -- (감소) 피연산자 앞에 증가/감소 연산자가 위..

📍 모든 값은 데이터 타입을 가진다. 여기서 데이터 타입은 무엇일까? 또, 표현식은 값으로 평가되는데 여기서 표현식은 무엇일까? 프로그래밍 언어를 학습하는데 중요한 역학을 하는 용어들과 데이터 타입에 대해 알아보자! # 자주 사용되는 용어들 값(Value) 값은 식(표현식)이 평가되어 생성된 결과를 말한다. 여기서 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 말한다. 모든 값은 데이터 타입을 가지며 메모리에 비트의 나열로 저장된다. 값은 다양한 방법으로 생성할 수 있는데 어떤 방법이 있을까. 리터럴(Literal) 값을 생성하는 가장 기본적인 방법으로 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 약속된 기호(' '," ",.,[],{},// 등)를 사용해 값을 생성하는 표..

📍 어떤 프로그래밍 언어를 배우든 데이터를 선언하고 정의하는 것이 가장 기본이 되는데 그 중 핵심인 변수에 대해 알아보자. 💡 변수는 왜 필요할까? 컴퓨터는 CPU를 사용해 연산을 하고 메모리를 사용해서 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리셀의 집합체이다. 각 메모리셀들은 고유의 메모리 주소를 갖는다. 이 메모리 주소들은 메모리 공간의 위치를 나타내고 메모리 크기만큼 정수로 나타낸다. ( 0X00000000 ~ 0XFFFFFFFF ) 만약 연산을 한다면, 연산을 하기위해 필요한 값들은 메모리 상의 임의의 위치에 저장되고 연산 결과 값 또한 임의의 위치에 저장된다. 이때 값을 내기만 한다면 상관없지만 필요한 값 또는 연산 결과값을 다시 재 사용하고 싶을 때는 어려움이 생긴다. 임의로..

📍 표준내장객체 강의를 듣고 복습도 하고 필요할때 마다 꺼내 볼 수 있게 간단하게 정리해두려고 합니다. 자바스크립트를 공부하다보면 적재적소에 메서드 사용하는게 정말 어려운데 제대로 정리해두고 익숙해져서 잘 활용할 수 있었으면 좋겠습니다! 표준 내장 객체 - JavaScript | MDN 이 장은 JavaScript의 모든 표준 내장 객체와 그 메서드 및 속성을 나열합니다. developer.mozilla.org 1. 문자(String) 메서드 내용 length 문자의 길이(숫자)를 반환 includes() 대상 문자에 주어진 문자가 포함되어 있는지 불리언 값으로 확인 indexOf() 대상 문자에서 주어진 문자와 일치하는 첫 번째 인덱스(숫자)를 반환 ( 일치하는 문자가 없으면 -1 반환) padEnd(..

Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 📍 강의 들으면서 처음 알게 된 슬라이드 라이브러리! 아무것도 모르던 때 슬라이드 기능을 구현하겠다고 🐶고생을 했던적이 있었는데.. 이렇게 간단하게 슬라이드 기능을 구현할 수 있다는게 얼마나 감격스럽던지ㅠ_ㅠ 아무튼 아무것도 모르던 저처럼 고생하는분이 없길바라며 간단하게 정리해보았습니다. # Swiper 다양한 동작의 슬라이드 기능을 쉽게 사용할 수 있는 슬라이드 라이브러리이다. 1. 라이브러리..