- 전체보기(48)
- JavaScript(11)
- 프로그래머스(4)
- reduce(3)
- 배열(3)
- class(2)
- redux(2)
- Constructor(2)
- find(2)
- push(2)
- Sort(2)
- 메서드(2)
- Firebase(2)
- filter(2)
- one-line-statement(1)
- Web API(1)
- scope(1)
- apply(1)
- call(1)
- 스레드(1)
- 최적화(1)
- Event(1)
- Immer(1)
- redux-action(1)
- destructuring(1)
- object(1)
- semantic tag(1)
- substring(1)
- 싱글 스레드(1)
- stopPropagation(1)
- bind(1)
- lifecycle(1)
- findIndex(1)
- React(1)
- Math.round(1)
- call stack(1)
- local scope(1)
- fill(1)
- append(1)
- Prototype(1)
- event loop(1)
- Updating(1)
- Math.ceil(1)
- includes()(1)
- 공간 복잡도(1)
- 엔진(1)
- action(1)
- hoisting(1)
- 표기법(1)
- Unmounting(1)
- global scope(1)
- const(1)
- let(1)
- var(1)
- repeat(1)
- foreach(1)
- Math.floor(1)
- key(1)
- Big O(1)
- value(1)
- State(1)
- this(1)
- Function Level Scope(1)
- DOM(1)
- event bubbling(1)
- getElementsByTagName(1)
- html(1)
- object.entries(1)
- 구조분해할당(1)
- checkpoint(1)
- Pop(1)
- block(1)
- inline(1)
- Mounting(1)
- appendChild(1)
- 호출스택(1)
- super(1)
- substr(1)
- render(1)
- semantic web(1)
- 이벤트 버블링(1)
- Array.from(1)
- object.keys(1)
- block level scope(1)
- Map(1)
- Array.of()(1)
- produce(1)
- endswith(1)
- startswith(1)
- Props(1)
- CreateElement(1)
- object.values(1)
- 시간 복잡도(1)
- ES6(1)
- componentDidMount(1)
- javascript 엔진(1)
- closure(1)
알고리즘 - 조건적 빌리기
문제 설명일부 학생이 수업 시간에 필기구를 가져오지 않았습니다. 다행히 여벌 필기구가 있는 학생이 이들에게 필기구를 빌려주려 합니다. 학생들의 번호는 자리 순으로 매겨져 있어, 바로 앞번호의 학생이나 바로 뒷번호의 학생에게만 필기구를 빌려줄 수 있습니다. 예를 들어,
[Firestore] Paging- 게시글 리스트 쪼개서 가져오기.
게시글의 데이터를 한 번에 가져오게 되면 페이지가 로드하는데 많은 시간이 걸려 속도가 느려진다. 때문에 Firestore에서 저장된 게시글 데이터를 한 번에 가져오는 것이 아닌 데이터를 쪼개서 가져오는 함수를 작성해보자.
reduce()를 이용하여 데이터 처리 함수 JS스럽게 구현하기
Firestore에 임의로 구현한 유저의 프로필 정보, 게시글 내용 등의 데이터를 가져와서 값을 넘겨주는 함수를 구현하는데 이때 reduce함수를 사용하여 좀 더Javascript스럽게 코드를 구현해 보려고 한다.
redux-action으로 action 관리하기 및 Immer으로 불변성 유지하기
firebase 데이터베이스에 임의로 구현한 데이터를 가져와서 값을 넘겨주는 함수를 구현하는데 이때 Javascript스럽게 코드를 구현해 보려고 한다.
session, token 기반 인증 ( OAuth )
세션 기반 인증, 토큰 기반 인증, OAuth2.0, 토큰 기간, Json Web Token
상품 등록 - 상품 옵션기능
[구현 내용] 이미지 첨부 시에 이미지 미리보기 기능 구현 옵션 세트 추가시에 옵션 세트 카드 추가기능과 삭제기능 옵션 추가 시에 상품 옵션 추가기능과 삭제기능 상품 정상가/판매가 input 숫자만 입력가능, 세자리comma 정상가 미입력하고 판매가 입력시 alert
환율 계산기
Ready. 환율 계산기라니 처음에는 어떻게 만들어야 하지? 문제를 이해하는데 약간의 어려움이 있었다. 하지만 기능을 세부적으로 나누고 천천히 생각을 정리하는 시간을 가졌다. 무작정 코드치는 습관은 나중에 코드의 흐름과 가독성 측면에도 좋지 못하는 코드를 짜게 되는
JavaScript : this와 call, apply, bind
함수를 호출하는 객체를 의미합니다.this의 값은 호출하는 방법에 의해서 결정된다는 것이 핵심이다. (누가 호출(실행) 했는가?)this를 이용하여 함수 재사용하기.✅ this를 사용하면 함수를 다른 객체에서도 재사용 할 수 있습니다.자동으로 값이 할당되는 this를
Scroll 현재 값 계산하기
Apple 웹 사이트를 보다가 제품을 소개하는 페이지에 이용자가 scroll을 할 때마다 특정 구간에서 다양하고 화려한 애니메이션이 동작하는 것을 보고 감탄을 하게 되었다.그렇게 나는 와! 저거 어떻게 하는 거지!? 나도 한번 비스름한 것을 만들어 보고 싶다!!라는 생
JavaScript : Scope & Closure
지역변수, 전역변수, var, let, const, Global Scope, Local Scope - Function level Scope, Block level Scope
JavaScript Hoisting
Hoisting의 사전적 의미 : 무언가를 들어올리다 / 끌어올리다 Hoisting의 자바스크립트 의미 : 변수를 끌어올린다는 뜻
⭐️ JavaScript 엔진 & Event Loop
🔎 많이 어렵다던 event loop.. 필립 로버츠 형 강의를 보고 내 것으로 만들어 보겠다..coming soon..
Event Bubbling & e.stopPropagation() in Javascript, React
event Bubbling과 event 객체가 가지고 있는 함수중 하나인 stopPropagation()에 대해 알아보려고 한다.우선 event란 무엇일까!
동기와 비동기 (Callback,Promise,Async)
개념 Async, 비동기 처리 3가지 방법Callback,Promise,Async/await
React class vs function 방식
React에서의 class는 React의 기능을 풀 파워로 사용할 수 있다.하지만 class는 class만의 문법이 존재하고 장황하다.반대로function 스타일은 function 문법만 알면 사용이 가능하다.그렇지만 class에 비해 기능이 부족하다.함수(functi
Github : gists
프로젝트를 진행할 때 자주 적용해야 하는 코드들이 빈번히 있을 것이다.Javascript로 구현한 여러 기능에 대한 코드도 있겠지만 나의 경우는 css에 대한 코드들이 많았다.예를 들어 font-style, reset(속성 초기화), global 적으로 적용되는 sty
(Figma 디자인) 반응형 - Grid
Grid System이란? 디자이너가 하얀색 빈 화면에서 layout을 일관성 있게 배치 작업을 하는 것은 쉽지 않다.스케치북에 글을 쓸 때와 줄 노트에 글을 썼을 때 글의 안정도가 다른 것처럼.Grid System은 Grid 만의 규칙과 패턴이 존재한다.우선 Grid
시간, 공간 복잡도 Big-O 표기법
알고리즘의 성능을 수학적으로 표기해주는 표기법. Input에서 Ouput으로 결과 값이 나오는 시간.알고리즘의 "시간" 과 "공간 복잡도" 를 표현할 수 있다. 🧐우리는 다른 사람이 만든 알고리즘을 자주 사용하게 될 것이다.
