# frontend
🎁 Event 발생과 Event 객체 알아보기(캡쳐링, 버블링, 위임)
이벤트는 시스템에서 일어나는 사건 혹은 발생이다. 시스템은 이벤트가 발생했을 때 '신호'를 보내고 원한다면 이벤트에 어떠한 방식으로 응답도 할 수 있다...!웹 브라우저에서는 이벤트가 브라우저의 윈도우 내에서 발생한다.=> 여태 사용했던 것처럼 특정 요소에 부착되는 경
리액트 프로젝트에서 이미지 파일 업로드하고 열람하기
AxiosJavaScript Reactmulter (백엔드에서만 사용)유저가 파일을 업로드하는 창구로서 HTML input 태그의 file 타입을 이용하겠습니다. 우리는 이미지만 받을 것이기 때문에 accept 옵션을 통해 첨부 가능한 파일을 특정 이미지 파일 확장자로
Typescript Start Kit_Hacker News 마이그레이션
패스트캠퍼스 강의를 정리한 내용입니다."김민태의 프론트엔드 아카데미 : 제 1강 JavaScript & TypeScript Essential"
[패스트캠퍼스 프론트엔드 과정] (4~5주차 - 2022.05.02~13)
2주에 걸쳐 자바스크립트 토이 프로젝트를 진행했다. 처음으로 figma 디자인 시안을 받아서 작업해보면서 현업에서는 어떤식으로 프로젝트가 진행되는지 미약하게나마 감을 잡을 수 있었다. 프로젝트 진행 중 가장 오랜시간이 걸렸던 작업은 JSON 데이터를 받아와서 바인딩 하
JavaScript 입문
특정 이름에 특정 값을 넣을 때 사용항상 const, 가끔 let, 노노 var...!!!변수(let)\- 바뀔 수 있는 값\- 한번 선언한 이름은 다시 선언 할 수 없다.상수(const)\- 한번 값을 설정하면 바꾸지 못한다.\- 한번 선언한 이름은 다시 선언할 수
Lists and Keys
먼저 자바스크립트로 리스트를 다루는 방법을 살펴봅시다.map함수에 익숙하신 분들은 위의 doubled가 2, 4, 6, 8, 10인 것을 알 수 있습니다.리액트에서 리스트를 다룰때도 위와 비슷한 방식을 사용합니다.리액트에선 curly brace({})를 사용하여 JSX
자바스크립트와 믹스인
자바스크립트에 클래스(class)가 추가된지도 시간이 흘렀다. 이제 Js의 클래스는 일종의 문법적설탕(Syntatic sugar)이며, Js의 클래스는 사실 일종의 함수라는 것도 널리 알려졌다고 생각한다. 즉, 자바스크립트는 근본적으로 prototype기반의 언어라는
build만으로 배포하기 : surge를 이용
surge를 이용하여 배포를 한다면, github에 코드를 올리지 않고 배포를 빠르게 할 수 있다. 나는 기업에서 요구하는 과제를 온라인 상에 올리지 않도록 명시되어있을 때 주로 surge를 사용했다! React App을 이용하여 개발 한 뒤 배포를 하기 위해서
코드스테이츠 프론트엔드 1주차 회고[프론트엔드 39기]
들어가기 우선 이글을 쓰고있는 지금은 3주차 과정을 진행중이다. 그말은 회고가 2주나 밀렸다는 소리다. 즉, 이글을 마무리하면 2주차 회고를 작성해야 한다는 소리다... 회고는 밀리지 마세요. 제발 오리엔테이션과 첫 날 새학기의 시작, 첫 직장의 첫 출근. 어떤 상
Ep4. Javascript 세계에 한 걸음 내딛기
안녕하세요🤩 > 이번 시간부터는 본격적으로 웹 개발을 하기 위해 필요한 자바스크립트 개념과 작성방법에 대해 배워보도록 하겠습니다 이번 시간에는 자바스크립트 란 무엇이고 어떠한 특징을 가지고 있는지 알아보고, 자바스크립트로 할 수 있는 기능들에 대해 간단하게 알아보
역시 내 확장 프로그램은 잘못됐다
여러분은 개발할 때 어떤 IDE를 이용하시나요? 웹 프론트엔드 개발자는 주로 Visual Studio Code를 사용하는데요, 수많은 확장 프로그램 중 여러분도 알고 계셔서 설치는 했지만 사실 설정을 별도로 해줘야 하는 확장 프로그램에 대해 공유해 드리려 합니다.
