개발이야기

LocalStorage란? LocalStorage는 브라우저에서 데이터를 저장할 수 있는 HTML5 Web Storage API 중 하나입니다. 이 API를 사용하면 사용자의 로컬 브라우저에 데이터를 저장하고 나중에 가져올 수 있습니다. LocalStorage 사용하기 LocalStorage를 사용하려면 먼저 LocalStorage 객체를 만들어야 합니다. 이 객체는 브라우저에서 전역으로 사용할 수 있으며, 데이터를 저장하고 가져오는데 사용됩니다. 데이터 저장하기 LocalStorage를 사용하여 데이터를 저장하려면 setItem() 메서드를 사용합니다. 이 메서드는 두 개의 인수를 받으며, 첫 번째 인수는 저장할 데이터의 이름(키), 두 번째 인수는 저장할 데이터입니다. localStorage.setI..

자바스크립트는 함수형 언어입니다. 구현하는 기능들은 기본적으로 모두 함수를 통해 구현됩니다. 함수의 구조 // ES5 function 함수이름 (파라미터) { // 실행영역 } // ES6 - 화살표 함수 함수이름 () => { // 실행영역 } 함수는 총 4개의 영역으로 구분되고, 각 영역의 기능은 function 함수를 표시하는 고정 키워드 입니다. 함수이름 함수를 호출할 때 사용하는 명칭입니다. 함수 이름 없이 사용하는 익명 함수도 있기 때문에 경우에 따라서 필수는 아닙니다.(다만 다시 호출할 수 없음) 함수 이름은 일정한 규칙에 따라 사용하는 것이 좋습니다. 카멜 케이스(Camel Case) 네이밍 규칙을 가장 많이 사용. 카멜 케이스 규칙 영단어 2개 이상을 조합해 함수명을 사용할 경우 하이픈 ..

while 반복문은 조건 체크를먼저 하는 while() {} 괒 조건 체크를 나중에 하는 do ~ while() 2가지로 나뉩니다. do ~ while() 반복문은 조건 체크가 나중에 잇는 만큼 무조건 1번은 반복 실행문이 무조건 실행되는 차이가 있습니다. while(참/거짓 조건식) { // 반복 실행문 } do { // 반복 실행문 } while(참/거짓 조건식) 기본적으로 동일한 구조입니다. 주의해야 될 부분은 무한 루프에 빠지지 않는 것 입니다. 일정 조건 이상이 되면 무0조건 루프를 빠져나가도록 해야 합니다. while do ~ while 자바스크립트의 중단문 자바스크립트의 중단문에는 break, continue, return 이 있습니다. break는 순환문, 또는 구문을 빠져나가는 역할 co..

for문은 조건에 충족하는 지정 횟수만큼 반복 실행하는 횟수가 정해진 반복문 입니다. for문은 반복 횟수를 기준으로 반복 처리를 하는 for 문과, 여러 개의 요소를 가지는 배열, 객체 등의 전체 개수를 기준으로 전체를 반복 순환하는 for ~ in, for ~ of, forEach 문 등 여러 종류가 있습니다. for 문 for(시작값; 조건문; 간격조건) { // 실행 구문 } // 예시 - 1부터 9까지 홀수만 출력하는 경우 for(let i=1; i

2개의 값을 비교해 비교 기준에 부합하는지를 확인하거나, 값이 참인지 거짓인지에 따라 실행하는 구문이 달라지는것을 조건문이라고 합니다. 자바스크립트의 조건문은 if문과 switch문 2가지가 있습니다. if문 if문은 조건 체크 결과가 참인지 거짓인지에 따라 2개의 실행 구문 중 하나를 실행하는 형태입니다. 실행 구문의 문장이 1개인 경우 중괄호를 생략할 수 있습니다. if (조건절) // 참 실행구문 if (조건절) { // 참 실행구문 } if (조건절) { // 참 실행구문 } else { // 거짓 실행구문 } if (조건절1) { if (조건절2) { // 참 실행구문 } } else { if (조건절3) { // 참 실행구문 } else { // 거짓 실행구문 } } 여러 단계가 중첩되면 조건..

연산자(operator)는 +, -, *, =, ===, ! 같은 기호로, 이는 더하기, 빼기, 곱하기, 할당, 비교, 부정 등의 의미를 가집니다. 용어: '단항','이항', '피연산자' 피연산자는 연산자가 연산을 수행하는 대상입니다. 피연산자를 하나만 받는 연산자는 단항(unary) 연산자라고 합니다. 두 개의 피연산자를 받는 연산자는 이항(binary) 연산자라고 합니다. 산술 (Arithmetic) 덤셈 연산자 + 뺄셈 연산자 - 곱셈 연산자 * 나눗셈 연산자 / 나머지 연산자 % 거듭제곱 연산자 ** console.log( 2 ** 2 ); // 4 (2 * 2) console.log( 2 ** 3 ); // 8 (2 * 2 * 2) 이항 연산자 '+'와 문자열 연결 let s = 'my' + '..

함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환됩니다. 이런 과정을 "형 변환(type conversion)"이라고 합니다. 문자형으로 변환 문자형의 값이 필요할 때 변환됨 (주로 무언가를 출력할 때) String(value) 함수를 호출해 값을 문자열로 변환 숫자형으로 변환 수학과 관련된 함수와 표현식에서 자동으로 숫자형으로 변환됨. (주로 수학 관련 연사시) Number(value) 함수를 호출해 (value)를 숫자형으로 명시해서 변환 숫자 이외의 글자가 들어가 있는 문자열을 숫자형으로 변환하려고 하면, 그 결과는 NaN. 불린형으로 변환 이 형 변환은 논리 연산을 수행할 때 발생. Boolean(value) 를 호출하면 명시적으로 불리언으로 형 변환. 숫자 0, 빈 문자열, nu..

자바스크립트란? 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어이다. HTML, CSS와 함께 웹을 구성하는 요소 중 하나다. HTML이 웹 페이지의 기본 구조를 담당하고, CSS가 디자인을 담당한다면 JavaScript는 클라이언트 단에서 웹 페이지가 동작하는 것을 담당한다. 웹 페이지를 자동차에 비유하자면, HTML은 자동차의 뼈대, CSS는 자동차의 외관, JavaScript는 자동차의 동력이라고 볼 수 있다. 자바스크립트의 특징 개체 기반의 스크립트 언어입니다. 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어입니다. 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있습니다. ☞ 인터프리터 언어는 컴파일 작업을 거치지 않고, 소스 코드를 바로 실행할 수..