지도 페이지 용량을 낮춰서 움짤을 만들다 보니 잔상이 많이 남는다... > ### [> 배포 사이트 보러가기 시작하게 된 계기 평소에 라멘을 많이 즐겨먹고, 친구들과 저녁약속을 잡을 때는 대부분 라멘을 먹는다. 오늘은 어떤 라멘을 먹어야 할지 늘 고민이 있었다.

요즘 위코드를 수료하고, 원티드 프리온보딩 코스도 수료하고이것 저것 찾아보고 첨삭 받아가며 이력서도 만들고,면접 질문에 준비하기 위해 CS 지식도 공부하고,부족하다고 느낀 자바스크립트 동작원리도 채워넣으며 살다보니너무 오랜만에 블로그를 쓴다.최근에 이력서를 완성하고 원

Representational State Transfer(REST) full API여기서 REST를 직역하면 대표 상태 전송이 된다.REST는 기본적으로 고유의 URI를 부여하고HTTP Method를 이용해 리소스에 대해 CRUD 명령을 적용하는 과정을 거치는데즉 위에

프로토타입? 자바스크립트는 다른 언어들:클래스 기반 과는 다르게 프로토타입 기반 언어이다. 이 글을 작성하는데 참고한 책에서는 프로토타입을 아래의 그림만 이해하면 모두 이해 한 것이라고 설명한다. 프로토타입 위의 추상도는 아래의 코드를 기반으로 그린 것이라는데

Cross Origin Resource SharingOrigin 사이의 자원 공유를 의미하며서로 다른 Origin 사이의 자원 공유를 차단하는 동일 출처 정책을 따른다.출처를 의미하며 \[ <span style="color: 오리진 설명XMLHttpRequest

어떤 함수A 내부에 선언된 내부함수B 에서 A의 지역변수를 사용하는 경우 발생한다.위의 코드의 흐름을 축약하면전역 컨텍스트가 콜스택에 쌓인다outer 함수가 호출되며 outer실행 컨텍스트가 콜스택에 쌓인다outer 함수가 실행된다.inner 함수가 호출되며 inner

함수A의 제어권을 함수B에 넘겨주고호출의 주체인 B가 A를 적절한 시점에 호출하는 형태에서함수A를 콜백함수라고 한다.위의 경우에는 cbFunc의 제어권을 넘겨받은 setInterval의 판단하에적절한 시점(0.3초마다)에 함수를 실행했다.즉 제어권을 넘겨받은 함수가 콜

실행 컨텍스트에서 언급한 VariableEnvironment와 LexicalEnvironment에 포함되어있는ThisBinding이 여기에 해당한다.This는 전역 공간에서는 전역 객체 자체를 의미한다.예를들어서 브라우저 환경에서는 WindowNode.js 환경이라면

📌 실행 컨텍스트란? 실행할 코드의 제공할 환경 정보들을 모아놓은 객체이다. 영어로 Excution context 이다. 기본적으로 STACK의 형태이다. 스택 형태의 특징으로는 선입후출, FILO( First In Last Out) 이라는 대표적인 특징이 있

회고록을 쓰기에 앞서서 내가 왜 개발자가 되고자 했는지 정리하려고 한다. 왜냐하면, 앞으로 이 글을 계속 되새김질 하면서 슬럼프가 오면 극복하기 위해서 ㅎㅎ;; 🥚 개발을 시작하게된 계기? 개발을 시작하는 시점이 아니라 예전으로 거슬러 올라가자면... 나는 고

리렌더링은 state, props가 변할때 발생한다.부모 컴포넌트의 state를 자식의 props로 넘겨줬다면,해당 state(props)가 변경된다면 부모,자식 컴포넌트 모두 리렌더링 되는것.그렇다면 고정된 내용을 가진 함수를 props로 넘겨주는 경우는 어떨까?해당

mpa,spa출처 - https://lvivity.com/single-page-app-vs-multi-page-app간단하게 설명하자면MPA 는 Multi-Page-Application 의 약자로, 인터렉션이 발생할 때마다 서버로부터 새로운 html을받아와서

주제 : 번개장터기간 : 2022 . 08 . 29 ~ 2022 . 09 . 07팀 이름 : WENABADA번개장터가 중고거래 사이트라는 점에서 착안하여관용구 아나바다를 이용해서 WENABADA라고 작명함팀원 :FE박승민NavBar, Footer, 상품등록 페이지조민재

리코일 공식 홈페이지나의 경우에 리코일을 알게된, 사용하게된 경위는프로젝트 진행 도중 기한이 다가오는데 여러 feature가 병합되는 과정에서각 기능별 상호작용 부분에서 props , state 관련 이슈가 생겨서이를 트러블슈팅하는 치트키로 사용하게된 케이스이다..해당

문제설명 1문제설명 2문제설명 3제한사항입출력예제먼저 주어진 board 2중배열의 경우를 해석해봤다.위와 같은 형태를 띈다.board0 원소의 위치는 가장 왼쪽 위가 되는 것.이해한 바를 바탕으로 풀이를 시작했다.

커스텀 훅(Custom Hook)은 이름이 use 로 시작하는 자바스크립트 함수입니다.이름 그대로 사용자의 입맛에 맞춰서 커스텀해서 사용합니다.예시 코드입니다.위의 코드는 로직과 UI가 병합되어있는 코드입니다.해당 코드를 커스텀훅을 사용해서 분리해보겠습니다.useTog

최근에 git flow 수업을 들었다.gitFlow메인 브랜치는 정식 업데이트를 위한 브랜치로 사용하고,기존의 메인 대신 Develop 브랜치를 새로 생성하여 해당 브랜치에서 기능개발을 하는 Flow 이다.여러가지 기능이 추가되고 정식 업데이트가 가능해지면,해당 버전의

자바스크립트의 여러가지 Tags중 form 을 통해서 전송되는 데이터 타입을 일컽는다.해당 타입으로 데이터를 전송하기 위해서는 form에 인라인으로 속성을 줘야하는데,위와같이 enctype 을 통해서 form 으로 전송할 데이터의 타입을 지정해주고form 내부에 typ

프로젝트 이름 주제 : 하바이아나스 기간 : 2022 . 08 . 16 ~ 2022 . 08 . 25 프로젝트 팀 팀 이름 : Tabom-Galagsin 브라질 사이트를 클론했기 때문에 브라질 말로 최고라는 뜻인 따봉 +FlipFlop 판매사이트 , 우리말로 가락신

Havaianas 사이트의 최상단에는 Navbar가 위치하고있다.근데 다른 사이트와는 다른점이 있다.자동으로 슬라이드가 움직인다.버튼으로도 슬라이드가 움직인다.버튼으로 슬라이드를 움직인 후에는 자동으로 움직이던 딜레이가 초기화된다.(다시 딜레이가 set되는듯) 해당 기