프로그래머스 데브코스 FE

JS와 프론트엔드 개발변수, 상수, 자료형 그리고 메모리메모리 심화표현식과 연산자흐름제어배열과 객체스코프와 클로저클로저가 ... 뭐였더라 ...?클로저(Closures)란? 함수가 선언된 환경의 스코프를 기억하여 함수가 스코프 밖에서 실행될 때에도 기억한 스코프에 접근

네트워크 기초컴퓨터 시간 원리암호화함수형 프로그래밍객체지향과 프로토타입이벤트 루프모듈유니코드정규표현식쿠키와 세션, 웹 스토리지단방향 암호화 : 평문을 암호화 하는것은 가능하지만 암호문을 평문으로 복호화 하는것은 불가능한 암호화 방법ex) MD5, SHA- 0,1(해시

자료구조와 알고리즘이 중요한 이유자료구조의 종류시간 복잡도배열연결 리스트(Linked List)스택(Stack)실습 올바른 괄호왜 사용하는데? 컴퓨터에는 변수가 많아서 프로그램의 성능을 정확하게 측정할 수 있는 방법이 없거든! 대략적으로 측정하기 위해 사용한다!O(1)

큐(Queue)실습 프린터프린터 문제풀이해시 테이블실습 베스트 앨범베스트 앨범 문제풀이 그래프먼저 들어간 값이 먼저 나오는 FIFO(First In First Out)인 선형 자료구조!배열 또는 연결 리스트로 구현할 수 있다. 위 코드는 배열로 구현한 것.자바스크립트로

실습 가장 먼 노드자료구조 & 알고리즘 - 트리자료구조 & 알고리즘 - 힙자료구조 & 알고리즘 - 트라이자료구조 & 알고리즘 - 정렬실습 가장 큰 수자료구조 & 알고리즘 - 이진 탐색실습 입국심사우선순위 큐란? 일반적인 큐와는 다르게 우선순위가 높은 요소가 먼저 나가는

자료구조 & 알고리즘 - BFS, DFS실습 여행경로자료구조 & 알고리즘 - 그리디(Greedy)실습 큰 수 만들기그래프 탐색 알고리즘으로 같은 깊이에 해당하는 정점부터 확인하는 알고리즘이다.너비 우선 탐색의 특징Queue를 이용하여 구현 가능하다.시작 지점에서 가까운

자료구조 & 알고리즘 - 백 트래킹실습 N-Queen자료구조 & 알고리즘 - 동적 계획법실습 단어 퍼즐백 트래킹이란? 모든 경우의 수를 탐색하는 알고리즘이다.백 트래킹의 특징DFS나 BFS를 사용할 수 있다.효율을 위해서 탐색하지 않아도 되는 곳을 미리 막는것을 가지치

자료구조 & 알고리즘 - 코딩 테스트 준비 방법가이드 코딩테스트 문제 유형 파악하기가이드 엣지 케이스 찾는 법가이드 JavaScript의 9가지 코드 트릭HTML과 CSSDOMVirtual DOMDOM 조작 실습DOM(Document Object Model)이란? XM

thisscope var / let / constclosurehoistingthis란?this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수

명령형 프로그래밍 VS 선언형 프로그래밍실습 토글 버튼 만들기컴퓨터가 수행할 명령들을 순서대로 작성하는 것이다.'어떻게 구현하는가'에 초점이 맞춰져 있다.명령적 언어: C, C++, Java프로그램이 어떤 방법으로 해야 하는지를 나타내기보다 무엇과 같은지를 설명하는 경

컴포넌트 방식으로 생각하기Client Side에서 데이터 저장하기Local Storage쿠키란? 브라우저에 저장되는 작은 문자열로 HTTP 프로토콜의 일부이다.다른 저장방법에 비해 오래됐다.쿠키는 세미콜론(;)으로 구분되어 있어 split등으로 쪼개서 사용한다.유효기간

Module비동기 다루기 CallbackPromisePromise 내장함수async, awaitImportexport 키워드로 내보내진 변수, 함수를 불러올수 있는 키워드.스크립트 의존성을 간편하게 관리할 수 있다 !모듈화 하면 왜 좋은데?각 JS별로 사용되는 모듈을

데브코스에서 진행한 첫 번째 프로젝트였습니다 !바닐라 자바스크립트 강의를 수강 후 노션을 클론하는 프로젝트를 과제로 진행했습니다.프로젝트도 회고도 처음이니 감안하고 봐주시면 감사하겠습니다 😊바닐라 JS만을 이용해 노션을 클로닝합니다.기본적인 레이아웃은 노션과 같으며,

Project deploy - EC2AWS s3 - cloudfront1AWS s3 - cloudfront2github pagesFirebaseNetlifyVerceljs 기반의 프레임 워크에서 SPA를 사용하면 새로고침을 하거나 뒤로가기를 하면?404 오류가 나는 경

무한 스크롤무한 스크롤무한 스크롤이란, 컨텐츠를 페이징하는 기법 중 하나로 아래로 스크롤 하다가 컨텐츠의 마지막 요소를 볼 즈음 다음 컨텐츠가 있으면 불러오는 방식이다.무한 스크롤 구현 방식window의 scroll event를 통해 스크롤링이 일어날 때마다 화면 전체

고양이 사진첩디바운스 & 스로틀고양이 사진첩 강의 내용은 과제와 이어지는 내용이었기 때문에 컴포넌트 구조나 기능은 추후 과제 회고때 작성하도록 하겠습니다 😁 디바운스란 ?연속으로 호출되는 함수들 중에 마지막에 호출되는 함수(또는 제일 처음 함수)만 실행되도록 하는 것

고양이 사진첩원시형과 참조형깊은 복사 VS 얕은 복사스프레드 오퍼레이터원시형(primitive type)객체가 아니면서 method도 가지지 않는 데이터.string, number, bigint, boolean, undefined, symbol, null참조형(refe

Todo-list Drag & DropBEM 이벤트 루프 - 어쨌든 이벤트 루프는 무엇입니까? BEM BEM은 Block, Element, Modifier을 뜻한다. 그리고 이 3가지로 이름을 짓고 각각은 “\_\_”와 “—”로 구분한다.위 코드에서 header는 B

CSS - FloatCSS - PositionCSS - Flex ContainersCSS - Flex Items특정 요소를 떠있게, 흐르도록, 부유하게 하도록 하는 속성이다.다시 말해, float 속성을 사용해 박스를 왼쪽(left) 또는 오른쪽(right)으로 부유시

CSS - Grid ContainerCSS - Grid ItemCSS - Grid Function, Unit그리드는 2차원 레이아웃을 구현하기 위해 사용하며 페이지를 여러 주요 영역으로 나누거나, 크기와 위치 및 문서 계층 구조의 관점에서 HTML 기본 요소로 작성된

CSS-Transform 3DCSS-ColumnsCSS-FilterCSS-변수CSS-@supportsCSS-@media

SCSS 개요SCSS-주석, 중첩SCSS-변수, 데이터, 연산자1SCSS-변수, 데이터, 연산자2SCSS-변수, 데이터, 연산자3SCSS-재활용(1)SCSS-재활용(2)

SCSS-확장SCSS-함수SCSS-조건과 반복SCSS-가져오기, 모듈SCSS-내장모듈SCSS-디버그