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

[프로그래머스 Lv.3] 단어 변환

단어 변환가장 짧은 단계의 변환을 찾아야 한다 => 전형적인 BFS 방식이다.words 배열에 target이 존재하지 않으면 변환이 불가능 하므로 0을 반환한다.BFS 순회를 위해 방문해야 할 단어를 저장하는 need_visited 배열, 방문한 단어를 기록하는 vis

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

[데브코스/TIL] DAY37 - TypeScript(2)

🦾 타입 오퍼레이터 1. 유니언 타입 매개변수, 반환 값 모두 유니언 타입을 적용할 수 있다. 단, 어떤 타입이 올 지 확실하지 않기 때문에 특정 타입에만 사용 가능한 메서드를 호출하면 에러가 발생한다. 타입 가드를 사용한다. (typeof) 타입 가드 코드에

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

[데브코스/TIL] DAY36 - TypeScript(1)

매개변수와 반환 값의 타입을 지정하는 것void: 매개변수 타입. 아무것도 반환하지 않는다는 뜻never: 매개변수 타입. 반환 값으로만 사용하는 타입무한루프나 에러 던질 때 사용&(AND) : intersection 타입기본 타입에서는 사용 불가보통 객체에서 사용됨같

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

[데브코스/TIL] DAY33 - TypeScript(1)

템플릿 문자열함수 (함수 선언문, 함수 표현식, 화살표 함수)비구조화 할당 : 배열과 객체에서 값을 추출하여 변수에 할당하는 것배열객체spread 연산자 (...)객체 혹은 배열 합치기에 편리깊은 복사가 불가능 하다는 점spread 연산자와 rest 파라미터의 차이사용

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

[데브코스/TIL] DAY29 - Node.js(2)

Promise 리턴콜백 or async/await 처리버퍼 : 메모리에서 직접 바이트 데이터 처리한 번에 메모리에 올릴 때 유용대용량 데이터에는 비효율적ex) fs 모듈 - readFile스트림 : 청크 단위로 데이터를 처리하여 메모리 사용량 절약읽기 스트림 / 쓰기

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

[데브코스/TIL] DAY26 - SPA와 Node.js(1) window 객체와 이벤트

단일 페이지로 구성된 웹 애플리케이션한 번만 페이지를 로드하고 이후에는 필요한 데이터만 서버에서 가져와 업데이트빠르고 부드러운 사용자 경험 제공페이지 이동이 발생할 때마다 서버로부터 전체 HTML 페이지를 다시 로드하는 전통적인 웹 애플리케이션 방식과 다름BOM의 hi

2024년 11월 9일
·
0개의 댓글
·
post-thumbnail

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

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

2024년 11월 7일
·
0개의 댓글
·
post-thumbnail

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

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

2024년 11월 6일
·
0개의 댓글
·
post-thumbnail

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

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

2024년 11월 6일
·
0개의 댓글
·
post-thumbnail

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

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

2024년 11월 5일
·
0개의 댓글
·
post-thumbnail

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

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

2024년 11월 5일
·
0개의 댓글
·
post-thumbnail

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

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

2024년 11월 5일
·
0개의 댓글
·
post-thumbnail

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

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

2024년 11월 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

2024년 11월 4일
·
0개의 댓글
·
post-thumbnail

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

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

2024년 11월 2일
·
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개의 댓글
·