도록

알고리즘 문제 풀이 중, console.log 찍는 게 귀찮아졌다. 디버깅... 디버깅이 필요해!    1) vscode 좌측 메뉴에서, 실행 및 디버그 버튼 -> node.js 선택   2) launch.json 파일이 켜지면서 자동완성된 파일이 생성된다.- 표시된 항목 중에서 수정하고 싶은 항목이 있다면 수정   참고) launch.json 파일이 비어있어요- launch.json 파일 조차 안뜬다면 생성하기- 우측의 구성 추가 버튼 클릭 -> node.js :프로세스에 연결 node.js 항목 없으면 nodejs 설치가 안된 것은 아닌지 확인  3) 초록 화살 표, 클릭 시 디버그 콘솔에 console.log 찍히는 모습 볼 수 있다.  3-1) 그래서 디버깅 어떻게 하는데?코드라인 앞에 마우스를 ..

요즘 부트 캠프 참여로 하루에 12시간 ~ 16시간 정도 컴퓨터 앞에 앉아있다.의자와 책상 높이가 안 맞아서 살짝 팔이 걸쳐져 있어서 그런지, 팔꿈치가 너무 아프다.이 상태로 계속 유지하면 아마 손목, 손등까지 저리는데..의자든 책상이든 사야할지 아주 고민 중이다.  오늘 한 일 - https://reeny404.github.io/sparta/ MOV! reeny404.github.io- 요구사항을 대충 봐서 인지, 검색 API를 사용하는 걸로 잘못 알고 있었다.- 필수, 선택 요구사항 모두 반영해서 작업 완료- 내가 하고 싶어서 언어 select이 가능하고, 변경됨에 따라 화면도 같이 반영되는 기능을 추가햇다.   내일 할 것- 알고리즘 문제 풀기- 모던 자..

1. 요구사항 수집필수 요구사항[1] TMDB 오픈 API를 이용하여 인기영화 데이터 가져오기[2] 영화정보 카드 리스트 UI 구현TMDB에서 받아온 데이터를 브라우저 화면에 카드 형태의 데이터로 보여줍니다.카드에는 title(제목), overview(내용 요약), poster_path(포스터 이미지 경로), vote_average(평점) 이렇게 4가지 정보가 필수로 들어갑니다.[3] 영화 검색 UI 구현API로 받아온 전체 영화들 중 영화 제목에 input 창에 입력한 문자값이 포함되는 영화들만 화면에 보이도록 합니다.입력 후 검색버튼 클릭 시 실행되도록 합니다.선택 요구사항웹사이트 랜딩 또는 새로고침 후 검색 입력란에 커서 자동 위치시키기대소문자 관계없이 검색 가능하게 하..

흔히 html 파일의 상하단을 보다보면 태그를 볼 수 있다.처음 스크립트를 작성했을 때는 "이걸 그대로 복사해서 src 속성만 값을 바꿔서 사용하면 된다"라고 배웠다.type의 역할이 궁금했던 나는 import 에서 해당 속성을 지워보았으나, 새로고침한 페이지에는 아무런 변화가 없었다.더더욱 의문이였다. 아무것도 달라지는 게 없는데, 왜 넣었을까?  scripttype : 스크립트 유형- JavaScript MIME 유형 : 기본값인 'text/javascript', 'module' 등- 그외 MIME 유형 : src 속성은 무시됩니다. 표준 미디어 타입의 전체 목록은 IANA 미디어 타입을 참조하세요.  (출처 : w3schools 문서) 이걸 읽고 나서 든 내 생각은.1. ..

구조 분해 할당(destructuring)이란, 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. (1) 배열일 때배열에서 구조 분해 할당문을 아래와 같이 사용할 수 있습니다.const [a, b, c] = ['value1', 'value2', 'value3'];console.log(a);   // value1console.log(b);   // value2console.log(c);   // value3  만약 아래처럼 좌변 배열의 크기가 우변의 것보다 작을 때, undefined가 할당됩니다. 변수 d처럼 분해값이 undefined 일 때 대신 할당할 기본값을 셋팅할 수도 있습니다.const array = [1, 2];const [a, b, c..

원시 타입 객체 타입 변경 불가능한 값 변경 가능한 값 원시값을 할당하면, 변수에는 실제 값 저장 객체를 변수에 할당하면, 변수에는 참조 값 저장 var first = 50; var second = first; first = 30; console.log(first); // 30; console.log(second); // 50; var first = { name : '데굴' }; var second = first; first.name = '눕고 싶다'; console.log(first); // { name : '눕고 싶다' }; console.log(second); // { name : '눕고 싶다' }; 참고) 자바스크립트는, 포인터가 존재하는 다른 프로그래밍 언어의 "참조에 의한 전달"과 의미가 정확..

https://reeny404.tistory.com/7 6장, 데이터 타입 흔히 타입이라고 줄여 부르는 데이터 타입(data type)은 값의 종류를 말한다. 자바스크립트(ES6)는 7개의 타입을 제공하며, 이는 크게 원시 타입과 객체 타입으로 나눌 수 있다. 구분 데이터 타입 설 reeny404.tistory.com 자바스크립트가 제공하는 데이터 타입 7종류 중 단 하나 뿐인 객체 타입(object type)은, 원시타입과는 달리, 다양한 타입의 값을 하나의 단위로 구성한 복합적 자료구조(data structure)이다. 원시타입은 변경 불가능한(immutable value)이지만 객체는 변경 가능한 값(mutable value)이다. 객체는 0개 이상의 프로퍼티(property)로 구성된 집합이며, ..

표현식을 평가하는 도중에, 평가 결과가 확정된 경우 나머지 평가 과정을 생략하는 것을 말한다. (1) 논리 연산자 논리곱(&&)과 논리합(||)를 이용한 평가 결과는 불리언 값이 아닐 수 있다. 단축평가 규칙 표현식 평가 결과 true || anything true false || anything anything true && anything anything false && anything false // 예시 'Cat' && 'Dog'; // "Dog" 'Cat' || 'Dog'; // "Cat" 응용 1. 변수가 null 또는 undefined가 아닌지 확인할 때 var elem = null; var value = elem && elem.value; 응용 2. 함수 매개변수에 기본값을 설정할 때 //..