일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 셋팅
- useRouter
- 모던 자바스크립트
- 내일배움캠프
- 초기셋팅
- 코테
- 프로젝트 셋팅
- OAuth
- nextjs
- Next
- deep dive
- 프로그래머스
- array정적메서드
- vercel
- 코딩테스트
- 스파르타코딩클럽
- 모던자바스크립트
- vscode
- 소셜 로그인
- js
- 코드카타
- React
- world it show
- 리터럴
- git
- domain
- 구글 로그인
- WIS
- SSR
- 자주 까먹는
- Today
- Total
목록분류 전체보기 (131)
하루 기록
요즘 부트 캠프 참여로 하루에 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)로 구성된 집합이며, ..