# CODESTATES
BEB 07 4-2
callback 패턴event register 패턴DOM Element의 이벤트 핸들러타이머타이머 API, 애니메이션 API서버에 자원 요청 및 응답fetch API, AJAX(XHR)I'm stuck in a event loop
BEB 07 3-4
https://homoefficio.github.iohttps://velog.io/@yesdoing\[https://exploringjs.com/es6/ch_tail-calls.html여러 글을 읽으면서 이해하는 중... 아직 어렵다.재귀함수
BEB 07 3-3
slice : 원본은 변하지 않고, 잘려진 배열을 반환array.slice(start, end)array.slice()를 활용해서 얕은 복사 가능하다.splice : 배열의 기존 요소를 삭제나 교체하거나 새 요소를 추가할때 사용된다.splice는 원본 배열을 변화시키는
BEB 07 3-2
부트스트랩 현재 주어진 과제는 advanced까지 모두 구현하여 오늘 하루는 bootstrap을 공부해보기로 했다. 매번 아이디어를 서비스로 옮길때마다 프런트엔드의 벽에 부딪혀 좌절하곤 했다. 아무리 서버 api와 비즈니스 로직이 잘 짜여있더라도 UI/UX의 완성도가
BEB 07 3-1
State & Props State : 변할 수 있는 것, 컴포넌트 내부에서 변화 가능 Props : 외부로 부터 전달받은 값 `` 컴포넌트의 state와 props states : 이름, 성별, 생일 props : 나이, 사는 곳, 취업여부 props proper
BEB 07 2-5
React SPA SPA 전체 페이지를 요청마다 렌더링 하는 것이 아니라 필요한 부분만 렌더링하는 것 초기 로딩속도가 느리다 사용자 경험이 향상된다 서버 부하가 줄어든다 검색엔진 최적화가 어렵다 React Router React Router 라이브러리 활용 React
BEB 07 2-4
선언형'선언형'이란 코드를 자세히 분석하지 않고, 코드의 의미를 파악할 수 있게 작성하는 것jsx를 활용해서 한 파일에 컴포넌트 단위로 코드를 모아 의미의 직관적 파악이 가능컴포넌트기반컴포넌트란 기능 단위로 여러 코드를 묶어놓은 것독립적이고 재사용가능한 단위로 컴포넌트
BEB 07 2-3-sprint
BEB 07 2-3-sprint 이번 시간의 스프린트인 고차함수 코플릿과 커스텀 lodash 구현인 Underbar에 대해 포스팅한다. 고차함수 코플릿 compose 함수 compose 함수에 reduce를 응용하면 pipe 패턴이 된다. 특정 배열에서 최솟값, 최
[Codestates] 객체 지향 프로그래밍 OOP
객체 지향 프로그래밍은 청사진을 만들고, 그를 통해 객체를 생성하는 디자인 패턴이다.class는 원본이 되는 객체이며, 이 원본을 바탕으로 만든 객체 instance라고 한다.클래스와 인스턴스는 다음과 같은 방식으로 생성한다.Car 클래스를 생성한 모습이다. 인스턴스를
BEB 07 2-3
고차함수 고차함수의 정의 정의에 앞서 알아두어야 할 개념들 일급객체 변수에 할당 가능 다른 함수의 인자로 전달 가능 다른 함수의 결과로 리턴 가능 함수 표현식 함수표현식은 완전히 호이스팅되지 않아 선언전에 사용할 수 없다. 따라서 코드가 절차적으로 엄격해지고, 유지보
BEB 07 2-2
event 이벤트 목록 -mdn event.target : 클릭된 엘리먼트 자체 event.current.target : 이벤트가 등록된 엘리먼트 https://ko.javascript.info/bubbling-and-capturing regex method cs
Section 1 회고
당장 내일 Section 2 가 진행된다. 아직 까지 부족한 개념들을 복습을 하며 기본기를 탄탄히 가지고 들어가야 겠다. 점점 더 어려워 지고 힘들겠지만 이 세션도 노력을 하면 해낼 수 있을 것이다. 초심을 가지고 끝까지 잘 해낼 수 있도록 마음을 잘 다듬고 들어가야
[Codestates] Section 1을 마치면서
걱정 반 설렘 반으로 시작한 SEB FE의 과정의 한 섹션이 끝났습니다. 막연하게 개발자가 되고 싶어서 지원하게 됐지만, 하루하루 해나갈 수록 재미를 느껴가며 진행한 것 같습니다. Section 1이 끝난 지금 HTML, CSS 그리고 Javascript를 학습했고,
[Section1] 헉.. 벌써 한달이 지났나요?
section1에서는 웹 개발의 필수 요소인 HTML, CSS, JavaScript를 학습하고 학습한 기술을 바탕으로 1)계산기 만들기, 2)나만의 agora스테이츠 등의 실습을 진행했다. 벌써, SEB_FE_41기가 시작된 지 약 한달이라는 시간이 지났고 전체 교육
BEB 07 2-1
HTML 요소들을 객체화 하여 조작하기 편리하게 만든 모델document 하위 DOM 객체에 대해서도 querySelector 적용 가능하다.유연한 querySelector 예시배열처럼 동작하지만 배열의 인터페이스를 모두 제공하진 않는다.성능이나 가독성을 위해 임시로
Week3 ~ 4 회고록
Week 3 ~ 4 에서는 이전에 배운 JavaScript의 기초(배열, 객체)를 마무리하고 ES6문법의 일부와 클로저 함수 등의 심화 학습을 진행했고, 그동안 배운 기술 스택들을 활용해서 간단한 솔로 프로젝트를 진행했다. 전체적으로 학습 콘텐츠들이 흥미로웠고 재밌다는 느낌을 많이 받아서 최대치의 몰입 환경에서 학습 할 수 있었다..! 특히, 질문과...