profile
프론트엔드를 공부하고 있는 학생입니다🐌
post-thumbnail

[데브코스/TIL] DAY25 - JavaScript(12) window 객체와 이벤트

자바스크립트의 대장이 Object라면, 웹 브라우저의 대장은 Window이다.기능 : 알림창 띄우기코드 : window.alert("알림창");특징 : 알림창의 확인 버튼을 누를 때까지 JS 실행이 중단됨사용 : 간단한 경고창을 보여주고 싶을 때 (그러나 디자인이 꽝)

어제
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY24 - JavaScript(11) async await

웹 브라우저의 자바스크립트 엔진이 관리하는 큐Web API 중 비동기 함수의 콜백 함수가 대기하는 공간콜스택이 비어야 태스크 큐에 있는 작업을 콜스택으로 이동 가능웹 브라우저의 자바스크립트 엔진이 관리하는 큐Promise의 fulfilled 혹은 rejected 처리

2일 전
·
0개의 댓글
·
post-thumbnail

[모자딥] 16장 프로퍼티 어트리뷰트

ECMAScript 사양에서 자바스크립트 엔진의 내부 동작을 설명하기 위해 사용하는 개념으로,개발자가 직접 접근하거나 호출하는 건 아니고 자바스크립트 엔진이 내부적으로만 사용하는 속성과 메서드입니다.자바스크립트 엔진이 각 객체의 상태를 관리하기 위해 사용하는 숨겨진 속

2일 전
·
0개의 댓글
·
post-thumbnail

[프로그래머스 Lv.2] 롤케이크 자르기

롤케이크 자르기토핑 소유 내역을 기록할 2개의 Map 객체를 생성한다.토핑을 한 사람이 전부 소유했다는 가정하에, topping 배열을 순회하며 토핑 정보를 A의 Map에 전부 넣어준다.topping 배열을 차례대로 순회하며 현재 인덱스의 토핑을 B에게 넘겨준다.3-1

3일 전
·
0개의 댓글
·
post-thumbnail

[프로그래머스 Lv.2] 전화번호 목록

전화번호 목록phone_book 배열(전화번호 목록)을 정렬한다.정렬된 배열에서 이웃된 요소끼리만 확인하여 접두사 번호가 있는지 찾는다.2-1. 배열 순회 중 접두사 번호를 찾으면 바로 false를 반환한다.끝까지 찾지 못했다면 true를 반영한다.sort의 기본 정렬

3일 전
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY23 - JavaScript(10) 콜백함수와 Promise

콜백함수 > #### 🔎 콜백함수(callback)란? 다른 함수에 매개변수로 전달되어 그 함수가 실행되는 동안 특정 시점에 호출되는 함수 1. 동기 콜백 함수 콜백 함수가 동기적(위에서 아래로, 흐름대로)으로 실행되는 경우 2. 비동기 콜백 함수 특정 비동기 함

3일 전
·
0개의 댓글
·
post-thumbnail

[RBF] 생성자 함수와 프로토타입

사람의 정보가 담긴 객체를 만들 필요가 생겼습니다! 객체를 만들어볼게요.지금은 두 사람의 정보가 각각 담긴 두 개의 객체를 만들었는데요.만약 1000명의 사람의 정보가 담긴 객체를 만들어야 한다면 어떻게 해야할까요?저라면 name과 age에 값을 넣지 않은 채로 복사해

4일 전
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY22 - JavaScript(9) 내장 객체-2

원주율 π 값 반환 (약 3.14159)Math.abs(x) : 절댓값Math.ceil / floor : 올림, 내림Math.round : 반올림Math.random : 무작위 실수 반환 (0~1)Math.max / min : 최대값, 최소값Math.pow / sqrt

4일 전
·
0개의 댓글
·
post-thumbnail

[WTL] 브라우저 렌더링 과정 정리

인터넷에서 웹 서버의 모든 정보를 볼 수 있도록 하고 문서 검색을 도와주는 응용 프로그램Chrome, Safari, Firefox, Opera, Internet Explorer(현재 지원 종료)서버로부터 자원을 받고, 브라우저를 통해 받은 자원을 볼 수 있도록 하는 것

7일 전
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY19 - JavaScript(8) 내장 객체

자바스크립트 언제 끝나...? 혼자서 독학할 땐 이렇게 깊이 다루지 않았단 말이다ㅠㅠ그만큼 대충 공부한거지 뭐ㅡ.ㅡ자바스크립트 엔진에 기본으로 내장되어 있는 객체언제 어디서든 활용할 수 있다!Object / Function / ArrayString / Boolean /

2024년 11월 1일
·
2개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY18 - JavaScript(7) 클래스

클래스 기반의 객체지향 언어 : 보통의 언어들이 여기에 속한다.프로토타입 기반의 객체지향 언어 : 자바스크립트가 여기에 속한다.프로토타입 체인모든 객체가 \[\[Prototype]]이라는 숨겨진 링크를 가짐\[\[Prototype]]은 객체가 상속하는 부모 객체를 가르

2024년 10월 31일
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY17 - JavaScript(6) 생성자 함수와 프로토타입

함수 정의와 동시에 즉시 호출되는 함수로, 단 한 번만 호출되며 다시 호출할 수 없음두 가지 모두 즉시 실행 함수이다.그러나 프리티어 덕분인지, 저장하면 위의 형식으로 통일된다.함수의 정의를 감싸냐, 호출하는 것을 감싸냐의 차이다.괄호의 위치가 크게 문제되지는 않는다고

2024년 10월 30일
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY16 - JavaScript(5) 객체

키와 값으로 구성된 속성의 집합으로, 여러 개의 데이터를 하나로 관리해주는 데이터 형태속성(프로퍼티)로 구성속성(프로퍼티) : key와 value를 합쳐서 부르는 말참조 자료형동적으로 속성을 추가하고 삭제 가능추가 : 객체명\[추가할 키] = 추가할 값삭제 : dele

2024년 10월 29일
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY15 - JavaScript(4) 클로저

let, constvar실행 컨텍스트가 콜스택에 존재할 때 이는 메모리에 실행 컨텍스트가 적재되어 있다는 것을 의미한다.메모리에서 더 이상 사용되지 않는 객체를 자동으로 감지하고, 해당 메모리를 회수하여 메모리에서 삭제해주는 시스템콜스택에서 실행 컨텍스트가 제거되었다면

2024년 10월 28일
·
0개의 댓글
·
post-thumbnail

[프로그래머스 Lv.1] 키패드 누르기

키패드 누르기문제 풀이에 필요한 값(키패드 위치, 왼손으로 반드시 누르는 수, 오른손으로 반드시 누르는 수) 등을 준비한다.numbers를 for문으로 돌며 사용해야 하는 손을 결정한다.2-1. 타겟 숫자가 왼손, 오른손으로 반드시 눌러야 하는 숫자인지 확인한다. (1

2024년 10월 26일
·
0개의 댓글
·
post-thumbnail

[프로그래머스 Lv.1] 완주하지 못한 선수

완주하지 못한 선수completion 배열(완주자 리스트)을 객체로 만든다.participant 배열(참여자 리스트)을 for문으로 순회하며 completion 객체에 명단이 있는지 확인한다.2-1. 명단에 없다면 바로 결과를 반환한다.2개의 배열을 2중 for문으로

2024년 10월 26일
·
0개의 댓글
·
post-thumbnail

[프로그래머스 Lv.1] 개인정보 수집 유효기간

개인 정보 수집 유효기간이 문제는 2개의 방식으로 문제를 풀어보았다.YYYY.MM.DD 형식의 today 날짜 문자열을 YYYY-MM-DD로 변환한 뒤, Date 객체로 변환한다.terms를 키가 약관의 종류, 값이 유효기간으로 구성된 객체로 만든다.privacies를

2024년 10월 26일
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY12 - JavaScript(3) 실행 컨텍스트와 스코프

오늘 배운 내용들은 자바스크립트의 중요한 내용이기도 하고 면접에서도 많이 나오는 주제이기 때문에 평소보다 자세히 정리해보도록 하겠다!꼼꼼히 정리하다보면 내가 완벽하게 이해했는지, 놓친 부분은 없는지 체크할 수 있을 것이다! 아자아자🔎 호이스팅이란?변수나 함수의 선언문

2024년 10월 25일
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY9-11 - JavaScript(2)

Day8부터는 자바스크립트 기초를 다뤘기에 크게 정리할 필요성을 느끼지 못했다. 그러나 너무 기초를 만만하게 보고 자만한 것 같아 정신을 고쳐먹고 늦었지만 TIL을 작성하려고 한다...산술 연산자 (이항 산술 연산자) : +, -, \*, /, %, \*\*증감 연산자

2024년 10월 24일
·
0개의 댓글
·
post-thumbnail

[데브코스/TIL] DAY8 - JavaScript(1)

<script> 태그를 이용해 자바스크립트를 작성하는 것별도의 파일에 자바스크립트 코드를 작성하는 것<script> 태그의 src 속성을 이용해 외부 스크립트를 불러오는 것하나의 <script> 태그에 내부 스크립트와 외부 스크립트를 동시에 작성하면 어

2024년 10월 21일
·
0개의 댓글
·