일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- js
- 오블완
- 초기셋팅
- supabase
- array정적메서드
- deep dive
- CORS
- 티스토리챌린지
- nextjs
- 코딩테스트
- React
- domain
- 코드카타
- 프로젝트 셋팅
- 내일배움캠프
- 자주 까먹는
- 스파르타코딩클럽
- 최적화
- useRouter
- 모던자바스크립트
- vercel
- 코테
- Next
- auth
- 프로그래머스
- 모던 자바스크립트
- git
- error
- 셋팅
- TailwindCSS
- Today
- Total
목록전체 글 (153)
도록
요즘 부트 캠프 참여로 하루에 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. 함수 매개변수에 기본값을 설정할 때 //..

자바스크립트는 동적 타입의 언어, 즉 선언이 아닌 할당에 의해 타입이 결정(타입 추론)되는 언어이다. 하지만 이러한 타입이 변경될 때가 있다. 자바스크립트 엔진이 표현식을 평가하던 중 타입이 자동 변환되기도 하고, 개발자가 의도적으로 타입을 변환하기도 하고 . 전자를 암묵적 타입 변환, 후자를 명시적 타입변환이라고 한다. (1) 암묵적 타입 변환var age = 10;console.log('나는 ' + age + '살 입니다.'); // 나는 10살입니다. age는 숫자 타입이지만 문자열 연결 연산자를 사용하였다. 자바스크립트 엔진에 이를 해석하는 중 age를 문자열 타입 암묵적으로 자동 변환시킨 것이다. 이를 암묵적 타입 변환 또는 타입 강제 변환(type coercion) 이라고..