코딩/코드스테이츠 45기(FE)
블로깅 챌린지 4주차 - [JS/브라우저]DOM / [실습]유효성 검사
the Pen Untitled by WONHO22 (@WONHO22) on CodePen.
전체 글
코딩/코드스테이츠 45기(FE)
블로깅 챌린지 4주차 - [JS] koans 리뷰
⚡️ Type - part1 it("비교연산자 '==='는 두 값의 일치 여부를 엄격하게 검사(strict equality)합니다.", function () { let actualValue = 1 + 1; let expectedValue = 2; expect(actualValue === expectedValue).to.be.true; // 이제 'FILL_ME_IN'을 대신할 수 있는 건 number 타입의 2뿐입니다. // 문자열 '2'는 테스트를 통과하지 못합니다. }); it('expect의 전달인자로 들어간 표현식의 평가(evaluation) 결과를 예측해 봅니다.', function () { expect(1 + '1').to.equal('11'); }); it('expect의 전달인자로 들어간 ..
코딩/코드스테이츠 45기(FE)
블로깅 챌린지 4주차 - [JS] 자료형과 복사
1. 자료형 ⚡️ 데이터의 두가지 타입 데이터의 타입은 원시 자료형(primitive type)과 참조 자료형(reference type)이 있다. 원시 자료형이 할당 될때에는 변수에 값(value) 자체가 담긴다. 참조 자료형이 할당 될때에는 보관함의 주소(reference)가 담긴다. ⚡️원시 자료형(Primitive type) 원시자료형이란 하나의 보관함에 하나의 데이터만을 담고 변수의 이름으로 저장하는 것을 말한다. 원시 자료형에는 6가지의 타입이 있다. string, number, boolean, undefined, symbol, bigint, null string : 'WONHO' number : 19930215 boolean : true / false undefined : 변수가 정의되지 않..
코딩/코드스테이츠 45기(FE)
블로깅 챌린지 3주차 - [JS] 배열, 객체
1. 배열 ⚡️ 배열 기초 배열은 같은 자료들을 담는 자료 구조중의 하나이다. 배열의 선언 // 배열 Declaration // const arr1 = [a, b, c, d]; const arr2 = New Array[a, b, c, d]; 배열의 인덱스와 길이 const fruits = ['apple', 'orange', 'grape']; console.log(fruits); console.log(fruits.length); // 3 console.log(fruits[0]); // apple console.log(fruits[2]); // grape console.log(fruits[3]); // undefined console.log(fruits[fruits.length - 1]); // grape ..
코딩/코드스테이츠 45기(FE)
블로깅 챌린지 10일차 - [Linux/Git] 기초
9일차 회고 ㅁ 주요 내용 기초 셋팅(WSL, 우분투, vs code 등) Command-Line Interface Node.js 1. 기초 셋팅 Windows에서 리눅스를 설치하고 사용하기 위해서 WSL과 우분투를 설치함 그 외, 윈도우즈 터미널과 패키지 업데이트, 원격 개발 vs code(Remote Development)를 추가 설치함으로써 리눅스 환경을 위한 기초 셋팅을 완료함 2. Command-Line Interface(CLI) Command-Line Interface(CLI)는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻함 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 주어짐 CLI는 크게 '입력'과..
코딩/코드스테이츠 45기(FE)
블로깅 챌린지 9일차 - 계산기 기능 구현
8일차 회고 ㅁ 주요 내용 페어프로그래밍 - 계산기 기능 구현 1. 페어프로그래밍 - 계산기 기능 구현 const calculator = document.querySelector('.calculator'); // calculator 엘리먼트와, 그 자식 엘리먼트의 정보를 모두 담고 있습니다. const buttons = calculator.querySelector('.calculator__buttons'); // calculator__keys 엘리먼트와, 그 자식 엘리먼트의 정보를 모두 담고 있습니다. const firstOperend = document.querySelector('.calculator__operend--left'); // calculator__operend--left 엘리먼트와, 그 자..
코딩/코드스테이츠 45기(FE)
블로깅 챌린지 8일차 - 자바스크립트 반복문과 함수
8일차 회고 ㅁ 주요 내용 반복문(for, while) 함수 페어프로그래밍 (코플릿) 리뷰 1. 반복문(for) //* for의 문법 *// for (초기식; 조건식; 증감식) { 조건식의 결과가 참일경우 반복적으로 실행하고자 하는 실행문; } // for문 예시 for (let i = 0; i return => 출력의 형태를 가짐 //* 함수선언의 방법 //* //* 1. 함수 선언문(식) *// functio..
코딩/코드스테이츠 45기(FE)
블로깅 챌린지 7일차 - 자바스크립트 조건문(if)
7일차 회고 ㅁ 주요 내용 조건문(if) 페어프로그래밍 (코플릿) 리뷰 1. 조건문(if) 조건문: 특정 조건이 참인경우 실행하는 명령의 집합으로, 어떤 작업을 수행하고 싶을때 사용 조건문의 문법과 특징 //* 조건문의 문법과 특징 *// if (조건식) { statement1 } else if(조건식) { statement2 } else { statement3 } // if 안에 있는 조건 식이 참일 경우 if문, else if문을 실행 // if와 else if에 모두 해당하지 않을 경우 else에 있는 statement3가 실행 // 조건식에서 거짓으로 취급 하는 값 : false, undefined, null, 0, NaN, "" // 조건식 내부에서는 비교연산자( ==, !==, === 등), ..