분류 전체보기127 vscode 내가 자주 쓰는 단축키 0. Control + k + s : 단축키 리스트 보기 Control + shift + t : 이전에 닫힌 창 다시 열어주기 Control + n : 새로운 편집 탭 열기 Control + shift + z : 컨트롤Z의 반대. 실행취소의 반대. Control + shift + k : 해당 문장 삭제. Control + x : 해당 문장 잘라내기. Control + shift + Enter : 커서가 위치한 곳 윗 줄에 빈 행을 삽입. Control + shift + ←/→ : 단어 단위로 커서 이동하며 드래그. Control + k + f : 자동 줄맞춤 Shift + alt + f : 자동 줄맞춤 (익스텐션 Prettier 있을 경우) Alt + shift + ↑/↓ : 커서가 위치한 행 or 선택.. 새로운 경험 2022. 11. 12. [TIL]2022-11-12 // For 반복문 JavaScript 반복문 Loop Statement // 반복횟수가 보통 명확하게 정해져 있는 경우에는 for문을 보편적으로 사용하고, // while 팩토리얼과 같은 무한루프나 특정 조건이 만족할때까지 코드를 실행 시키고 싶을때 주로 사용한다. for // 사용법 : for(변수 선언문; 조건식 ; 증감식) { } // 실행순서: // 1. 변수선언문(i = 0) // 변수 선언문은 보편적으로 i를 사용함. // 2. 조건식의 값이 참이면 { } 코드블럭을 수행 // 3. 증감식을 수행하여 값을 하나 증가시킴 (i++) , 2개씩 증가하고 싶다면 i = i + 2 // 4. 조건식이 거짓이 될 때까지 2번과 3번을 반복함 // 루프가 중지되지 않고 계속 반복적으로 도는 '무한루프'가 되어버리는 것을 주의 ! // for.. 새로운 경험 2022. 11. 12. [TIL]2022-11-11 if, switch (제어문 中 조건문) JavaScript 조건문 Conditional Statement if // 제시한 조건( )이 맞을때만 해당 코드블럭 { }을 실행함. else // 제시한 조건( )에 맞지 않는다면 else의 코드블럭 { }을 실행함. // 조건문 Conditional Statement // if (조건)에 맞을때 {코드}를 실행 // if (조건) { } else { } // if (조건1) { } else if(조건2) { } else { } 연습 예제 // 조건문 Conditional Statement // if(조건)에 맞을때 {코드}를 실행 // if(조건) { } else { } // if(조건1) { } else if(조건2) { } else { } let fruit = 'orange'; if(fruit === 'apple.. 새로운 경험 2022. 11. 11. [TIL] 2022-11-11 Control flow statement 제어문 JavaScript 제어문 Control flow statement 코드의 흐름을 제어 // 프로그램 or 어플리케이션은 코딩이 된 대로 한 줄 한 줄 순차적으로 실행이 됨. // 이 실행의 순서를 제어할 수 있는 게 '제어문' // 코드의 흐름을 개발자가 제어할 수 있는 도구가 '제어문'인데, // 제어문에는 '조건문(Conditional statement)'이라는 세부 카테고리가 있음. // 대표적으로 'If', 'Switch'가 있는데 이들을 활용하면, // 특정한 조건일때만 원하는 코드가 실행되도록 만들 수 있고, // 또는 '반복문(Loop statement)'을 이용해서 반복적으로 동일한 코드를 수행할 수 있다. // 대표적으로 'for', 'while', 'do-while'과 같은 것들이 있다. 깨알팁 ! Co.. 새로운 경험 2022. 11. 11. [TIL] 2022-11-11 Operators 연산자 JavaScript 산술 연산자(Arithmetic operators) // 산술 연산자 (Arithmetic operators) // + 더하기 // - 빼기 // * 곱하기 // / 나누기 // % 나머지값 // ** 지수 (거듭제곱) console.log(5 + 2); console.log(5 - 2); console.log(5 * 2); console.log(5 / 2); console.log(5 % 2); console.log(5 ** 2); // es7에 추가된 거듭제곱 console.log(Math.pow(5, 2)); // 과거에는 거듭제곱을 이렇게 사용했음 // + (플러스) 연산자 사용시에 주의점! let text = '두개의' + '문자를'; console.log(text); text = '1' + 1;.. 새로운 경험 2022. 11. 11. [TIL] JavaScript 기초문법. 연산자 5~ 값으로 평가될 수 있는 것들? 연산자 [Operators] MDN 참고서에서 자바스크립트에 관한 표현식과 연산자에 대해서 알아볼 수 있음. 처음 만나는 개념마다 한 번씩 읽어보고 개념을 학습해두는 것이 좋음. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference 표현식 Expressions 값 Value -원시, 객체 리터럴 Literal - 코드에서 값을 나타내는 표기법 ex) 123, '123', True, {객체리터럴}, [배열리터럴] `템플릿 리터럴(Template Literal)` - 템플릿(양식)을 만들어 값을 평가 ${abcd} ${abcd} function() {} - 함수 리터럴 123n - 빅인트 리터럴 0b101 - 바이너리 리터럴 이렇게, 특정한 값을 나.. 새로운 경험 2022. 11. 10. [TIL]2022-11-10 JavaScript 4.11 타입 확인법(typeof) - 4챕터(변수) 마무 자바스크립트 JavaScript JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object -oriented, imperative, and declarative(e.g. functional programming) styles. JavaScript는 동적인 언어이다? 뭔 소리냐? Java or C, C++와 같은 다른 프로그래밍 언어들은 '컴파일러'를 필요로 함. 개발자가 작성한 코드를 컴파일러를 이용해서 실행파일로 변환해야지 실행할 수 있다. 컴파일러를 가지고 있는 프로그래밍 언어는 대부분 '정적타입(Static Type)'이다. 컴파일 할 때, 코드에 있는 모든 데이터 타입들이 정.. 새로운 경험 2022. 11. 10. [TIL] 2022-11-10 JavaScript 4.10 상수 변수 const, let 변수와 데이터타입은 프로그래밍에 있어서 정말 기본적이며 굉장히 중요한 부분임. 변수 Variables : 값을 저장하는 공간 : 자료를 저장할 수 있는 이름이 주어진 기억장소 let은 재할당이 가능 ! const는 재할당이 불가능 ! 요로코롬 'hello'로 할당된 text를 'hi'로 재할당 하고자 한다해도 const 변수에서는 불가능 ! 상수를 사용할땐 항상 대문자로 써야하고, 단어와 단어 사이는 언더바('_')를 사용해야함 !! ▼ 한 번 할당하면 재할당 하지 않아도 되는 경우라면 const 키워드를 사용하여 변수를 선언하는 것이 좋음 ! Q : 왜? 그건 아직 모르겠넹~ let쓰면 안되나? 왜 안되나? 매니저님 !! 튜터님 !! 혹시 보시면 !! 댓글로 !! 좀 !! 알려 ~!! 주시면 감사하겠습.. 새로운 경험 2022. 11. 10. [TIL] 2022-11-10 JavaScript 기초문법 4.9 값과 참조의 차이★ 프레임워크를 할 때, 자바스크립트의 이러한 값과 참조의 차이, 원리를 이해하지 못 한 상태에서 헤매는 경우가 많음. 그러니 매우 중요한 이해요소. 원시타입은 값 자체가 복사되기 때문에 덩어리가 큼. 반면에 객체타입은 내용물 Reference가 저장된 메모리값을 복사해서 붙여넣어서 바로가기를 만들어 주는 것과 같으므로, 덩치가 작음 ! 새로운 경험 2022. 11. 10. [TIL] 2022-11-10 JavaScript 기초문법 4.9 - 객체지향이 무슨말인지 드디어 알게된 것 같은데...? Undefined는 정해지지 않은 상태. Null은 확실하게 비어있는 상태. 객체object - 복합데이터 {key:value} value에는 원시타입/객체 모두 가능 ex) { id:1234, key:'secret-key', } 괄호안에 키와 밸류형태를 콤마로 연결해서 여러가지 데이터를 복합적으로 담을 수 있는 것을 객체라고함. 이렇게 연관된 데이터를 한 덩어리로 패키지화 할 수 있는 것이 객체. 이렇게 중괄호로 묶음. 이것이 바로 '객체지향'이라는 것인가 !? 드디어 그 말 뜻을 알게된걸까? 객체 속의 각각의 데이터에 접근하고 싶다면, dot(.)을 활용 ! 오렌지로 실습완료 ! 새로운 경험 2022. 11. 10. [TIL] 2022-11-10 웹 구동방식 특강. 최원장. 스파르타코딩클럽 내일배움캠프(aka 항해99의 국비ver) 내일배움캠프 4기 참여 솔직후기 짤방 하나로 요약. 1. server : 내가 웹사이트에 뭔가를 요청(request)를 보내면 그에 대한 응답을 주는 것. 인터넷에 연결되어 있다. client : 나 + 브라우저. 네트워크로 연결된 서버로부터 정보를 제공받는 컴퓨터. ↔(서버). route : 길을 안내해 주는 것. 요청이 들어오면 이리로 가세요 안내해주는 역할. - 그냥 그정도로만 알아두자. 서버 사이드 = 리퀘스트를 받을 준비가 되어있는 컴퓨터! - > 이게 핵심이라신다 !! localhost : 내 컴퓨터를 가르키는 호스트이름. 주소는 127.0.0.1 왜 127.0.0.1일까? 궁금하니까 이따 알아봐야지. frameWork: 개발에만 집중할 수 있도록 제공해주는것. 어떠한 목적을 달성하기 위해 복.. 새로운 경험 2022. 11. 10. 개발환경이 바뀔때마다 다시 세팅을 해야함 [TIL] 2022-11-10 개발환경이 바뀔때마다 다시 세팅을 해야함 그에 따른 체크리스트를 미리 만들어 두기로 했음. 기본적으로 설치해야할 익스텐션들, tabout, fontsize, 주석색깔, 아침에 다시 체크해야지... 1. 새로운 경험 2022. 11. 10. 이전 1 ··· 6 7 8 9 10 11 다음 💲 추천 글