본문 바로가기

전체 글402

2024-04-15 내일배움캠프 여정 시작 2월 중순이 조금 지난 시점부터 4월 15일까지 사전캠프 일정이 종료되고, 4월 15일부터 내일배움캠프의 본 교육 과정이 시작되었다. 예정과 다르게 보름 정도 교육 일정이 연기되어 취업 일정, 이사 일정 등에 큰 차질이 생겼다. 하지만 나 스스로 사전교육 기간 동안 준비를 완벽하게 했다고 생각하지 않기 때문에 보름이라는 시간이 더 주어진 것은 더 준비할 수 있는 기간이 주어진 것이라고 생각하고 성실하게 입문자 입장에서는 HTML, CSS, JavaScript 중 가장 난이도가 높게 느껴지는 자바스크립트 위주로 학습했다. 그런데 모던 자바스크립트 문서에서 고급파트로 넘어가지 못하고 기본에서 끝마치게 된 것이 찝찝하지만 본 캠프 기간 동안 저녁 9시 이후 나에게 주어진 시간이 단 몇 시간이라도 있기 때문에,.. Programing/TIL 2024. 4. 16.
특정 브랜치 clone 하기 git clone -b {branch_name} --single-branch {저장소 URL} 중괄호는 지운다. 저장소 URL은 해당 branch의 url이 아니라 레포지토리 가장 최상위의 URL이다. Programing/Git 2024. 4. 16.
[모던JS] 022. [기본] 기본 문법 요약 원문이 문서에서는 앞에서 다뤘던 기본 문법 중 외우기 쉽지 않아 실수할 수 있는 부분을 중심으로 요약하여 다룬다.코드 구조 (세미코론, 자동 삽입)여러 개의 구문은 세미콜론이나 줄바꿈을 기준으로 구분한다.줄바꿈을 해도 세미콜론이 자동 삽입(qutomatic semicolon insertion)된다.console.log('hello'); console.log('world');console.log('hello')console.log('wworld')// 둘 다 정상 작동그런데 아래와 같이 세미콜론 자동 삽입이 이루어지지 않을 때가 있다.console.log('이 메시지가 출력된 후 에러가 발생한다.')[1, 2].forEach(alert)세미콜론 자동삽입이 이루어지는 경우일반적인 구문{} 중괄호로 끝나는 코.. Programing/JavaScript 2024. 3. 30.
[모던JS] 021. [기본] 화살표 함수 기본 원문화살표 함수(arrow function)란?화살표 함수는 익명 함수를 사용하여, 함수 표현식에서 함수를 => 기호를 활용하여 간단하게 만드는 방법이다.함수 선언문에서는 익명 함수를 사용할 수 없기 때문에 화살표 함수를 사용할 수 없다.화살표 함수 기본형let func = (arg1, arg2, ...) => expressionlet 변수명 = (매개변수) => 표현식// 원래 함수let func = function(arg1, arg2, ...) { return expression;};// 화살표 함수 적용let func = (arg1, arg2, ...) => { return expression;};인수가 하나밖에 없다면 소괄호를 생략해도 된다. 소괄호를 생략하면 코드의 길이가 더 짧아진다.. Programing/JavaScript 2024. 3. 30.
[모던JS] 020. [기본] 함수 표현식(콜백 함수, 익명 함수) 원문함수 표현식 (Function Declaration)이란?자바스크립트에서는 함수를 생성하는 방법이 두 가지가 있다.함수 선언식 (Function Declaration)함수 표현식 (Function Expression)// 함수 선언식function myFunction() { // 함수 body}// 함수 표현식let myFunction = function() { // 함수 body}함수 선언식은 fuction을 이용해서 함수를 선언하는 것이고, 함수 표현식은 변수를 선언하고 그 변수의 값으로 함수를 초기화 하는 것이다.그런데 함수 선언식에서는 function 함수명() {함수body} 형태이지만 함수 표현식에서는 함수명이 빠져서 function() {함수body}가 된다. 함수명은 이미 변.. Programing/JavaScript 2024. 3. 30.
[모던JS] 019. [기본] 함수 (함수선언식, 매개변수, 지역변수, 전역변수, return, 함수명명규칙), 원문함수 (function)란?비슷한 동작을 하는 코드를 미리 함수로 선언하고 실행할 수 있게 해주는 기능이다.앞에서 학습한 alert(message), prompt(message, default), confirm(question) 역시 자바스크립트 내장 함수이다.함수 선언 (function declaration) (함수 선언식)함수를 만드는 것을 함수를 선언한다고 한다.함수를 선언하는 방법은함수 선언식함수 표현식두 가지 방법이 존재한다.함수 선언식은 function 함수명() {}와 같은 형태로 함수를 선언하느 것이고 함수 표현식은 let myFunction = function () {}와 같이 변수에 함수를 담는 방법이다.함수 선언 기본형function 함수명(매개변수1, 2...) { // 함.. Programing/JavaScript 2024. 3. 28.
[모던JS] 018. [기본] switch문 원문switch문은 if문을 중첩할 때 대체하여 사용한다. if문을 여러번 중첩하는 것보다 비교 상황을 잘 설명한다는 장점이 있다.switch문 기본형switch (변수) { case 값1: // 변수가 값1과 일치할 때 실행되는 코드 [break]; case 값2: // 변수가 값2와 일치할 때 실행되는 코드 [break]; case 값3: // 변수가 값3과 일치할 때 실행되는 코드 break; [default]: // 위의 case에 해당하지 않을 때 실행되는 코드 // 필수 아님 생략 가능}대괄호는 필수 지시자가 아니라는 의미이다. 생략해도 된다. 만약 중간에 break가 없으면 이 이후의 코드가 break를 다시 만날 때까지 다른 case를 계속.. Programing/JavaScript 2024. 3. 28.
[모던JS] 017. [기본] while과 for 반복문 원문while과 for 반복문은 특정한 행위를 계속해서 반복시킬 때 간결하게 작성할 수 있는 문법이다.while 반복문while 반복문 기본형while (condition) { // 반복할 코드}condition(조건)이 참이면 반복할 코드가 실행된다.while 반복문 예제let i = 0;while (i 코드 해석최초 i는 0으로 할당한다.while 반복문의 condition이 실행된다. i는 0이고 3보다 작으니 true이다. true이니 반복문 body의 코드가 실행된다.console에 i의 현재 값인 0이 출력된다.i를 1단계 증가시키고 후위 증가 연산자를 사용하여 i를 1 증가시킨다. 후위 증가 연산자는 증가시킨 값을 바로 반환하진 않지만 이 코드에서는 전위형이든 후위형이든 차이가 없다. .. Programing/JavaScript 2024. 3. 28.
[모던JS] 016. [기본] nullish 병합 연산자 원문nullish 병합 연산자(nullish coalscing operator) '??"는 최근에 추가된 문법이다. 호환성을 검토해야 할 수 있다.nullish 병합 연산자 기본형a ?? b평가 결과a가 null도 아니고 undefined도 아니라면 무조건 a.그 외의 경우는 b.즉 둘 다 null이나 undefined여도 우항을 반환한다.예시만약 nullish 병합 연산자를 사용하지 않으면 아래와 같이 길게 작성해야 한다.// ??를 사용하지 않았을 때x = (a !== null && a !== undefined) ? a : b;// ??를 사용했을 때x = a ?? b온라인에서 회원가입을 할 때 user가 이름에 대한 모든 정보를 입력하지 않아도 되게끔 하고, 입력하지 않으면 익명의 사용자라고 지칭하.. Programing/JavaScript 2024. 3. 28.
015. [기본] 논리 연산자(or &&, !not, 논리 연산자 우선순위) 원문 복습이 목적이라면 이 문서에서 연습문제 먼저 보는 것이 좋다. 연습문제의 품질이 좋다. 논리 연산자 논리 연산자 기능 의미 || OR(원화표시) 이항 중 하나라도 참이면 true, 아니면 false && AND 이항 중 둘 다 참이어야 true, 아니면 false ! NOT 부호를 반대로 뒤집음 || (OR) 연산자 || 연산자 기본형 result = a || b; a와 b 중 하나라도 true면 true를 반환하고, 아니면 둘 다 fasle면 false를 반환한다. 예시 console.log( true || true ); // true console.log( true || false ); // false console.log( false || true ); // true console.log( f.. Programing/JavaScript 2024. 3. 28.

티스토리툴바