사실 작년 9월? 부터 올해 2월까지 멘토에게 부탁하여 스터디를 부탁하였고 CS, Javascript, React까지 이런저런 프로젝트를 진행하면서 브라우저의 동작방식이라던가 그간 모르고 사용해왔던 Javscript의 지식을 습득할 수 있게 되었다. 그런데.. 약 5개

drag 및 dragover이벤트를 정의이벤트의 대상요소에 drop이벤트 핸들러가 필요// 이미지 & 파일을 드롭 했을 때 처리 방식사용법

번들링 된 js파일의 용량을 확인해 볼 수 있는 라이브러리배포모드에서 용량 확인하여 최적화를 진행 (트리쉐이킹 / 코드스플리팅 등)drag 및 dragover이벤트를 정의이벤트의 대상요소에 drop이벤트 핸들러가 필요// 이미지 & 파일을 드롭 했을 때 처리 방식

JavaScript를 이용하여 브라우저 종류에 상관없이 실시간 웹을 구현할 수 있도록 한 기술emit: 클라이언트에서 서버로 데이터를 전송할 때 사용하는 메소드on: 서버에서 클라이언트로 데이터를 전솔할 때 사용하는 메소드설치)사용)참조 및 정보 - 링크HOC는 컴포넌

devServer에서는 proxy서버 설정을 사용하여 api호출할때 localhost를 지워준다빌드 > 배포 후 실제 서버에서 localhost를 사용하지 않음.proxy서버 설정은 devServer에 적용되어 있기때문에 실제 빌드 후 배포 파일에는 포함되지 않음변수명

랜덤으로 아이콘(프로필, 썸네일 등)을 만들어주는 라이브러리 라이브러리 검색 > 타이틀 옆 TS, DT등에따라 추가설치가 필요한 패키지가 존재함1\. TS : Typescript를 포함하고 있기때문에 @types를 따로 설치하지 않아도 됨2\. DT : Typescri

이메일, 닉네임, 비밀번호, 비밀번호확인 컴포넌트 생성각각의 항목의 상태값을 저장할 수 있는 state생성각각의 항목 필터 상태값 추가 - 에러 체크 (비밀번호 확인, 입력값 확인, 로그인 실패, 성공 등등)로직에서 중복되는 값을 찾아 제거 - 커스텀 훅 생성사용자 정

package.json을 만들때 name이 제일 중요 (다른 package의 name과 겹치면 오류가 발생함)노드 프로젝트를 시작하기 위해 최초에 사용되는 파일 (npm install)패키지가 다른 패키지를 의존(사용)하고 있다는 의미의존하고 있는 패키지가 모두 다운로

Slack Clone 코딩 (실시간 채팅 with React Typescript)강의 url - https://www.inflearn.com/course/%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%EC%8B%A4%EC%8B%9C%EA%

크롬 업데이트(108.0.5359.95 (공식 빌드) (64비트))로 인해 발생한 인쇄관련 문제점 입니다회사 업무 중 인쇄와 관련된 오류로 인해 찾아본 내용 및 문의내용을 바탕으로 작성하였습니다금주에 업무를 진행하고있는데 인쇄와 관련된 문의가 접수가 되었습니다인쇄할 H

SSR(Server-Side Rendering)은 쉽게말해 화면을 구성하는 일련의 과정을 서버에서 처리하여 클라이언트(브라우저)로 전달하는 방식을 말한다User가 WebSite요청을 보냄Server는 즉시 렌더링 가능한 html파일을 만든다 - Ready to Rend

스터디 과제 - 요구하는 기능을 구현하는 목적으로 만든 프로젝트입니다localStorage 저장현재의 스티커 상태를 localStorage에 저장합니다 \- 스티커의 상태가 변경되는 모든 상황마다 저장해야 합니다. (ex. 이동, 추가, 삭제 등) \- 스티커의 상

스터디 과제 - 기능 구현을 목적으로 만든 프로젝트 입니다스티커 만들기 버튼을 누르면 스티커가 생성됩니다스티커가 겹쳐서 생기는 것을 방지하기 위해 계속 다른 위치에 생성합니다. 예를 들어, 항상 우, 하단 10px씩 이동하여 생성합니다생성된 스티커는 드래그로 원하는 위

기능 구현을 목적으로 만든 프로젝트 입니다앞으로 스터디를 통해 배워나갈 (prototype, class)등을 사용하여 리팩토링을 진행 할 예정입니다내용을 입력하고 시간을 선택하면 항목이 생성됩니다생성된 항목은 선택한 시간이 지나면 펑~ 삭제됩니다각 항목의 남아있는 시간

TODO Project 진행 중 init시점에 저장되어 있는 데이터를 화면에 그려주기 위해 API호출을 하였고, 그 과정에서 데이터를 가져오는 로직이 비동기(async/await) 로 처리되다 보니 일반적인 런타임에서는 데이터를 가져오지 못하는 현상이 발생하였습니다.

사용자의 액션에 의해 다이나믹한 화면을 구성함에 있어 Javascript의 이벤트는 가장 중요한 키워드가 아닐까 싶습니다. 이벤트에서 버블링(Bubbling)과 캡쳐링(Capturing)이 무엇이고 어떻게 동작하는지 알아보겠습니다표준 DOM 이벤트에서 정의한 3가지 이

하나의 파일에 있던 로직을 내 방식대로 아래와같이 변경각각의 파일은 모듈단위로 생성추가 삭제 수정 등을 관리하는 todoData.jsDOM의 직접적인 제어를 담당하는 todoView.js사용자 액션에 의한 이벤트를 관리하는 todo.jsTodo.js는 사용자 액션에 의

개인 프로젝트를 진행하다가 문득 일반 함수와 화살표 함수의 차이점이 뭔지 궁금해서 작성하는 글입니다 우리는 개발을 하다보면 필연적으로 함수를 사용할 수 밖에 없는데요, ES6에서 등장한 화살표함수가 일반함수와 어떻게 다르고 무엇이 좋은지에 대해 정리해 보겠습니다Java

todo project version2

https://blog.naver.com/PostView.nhn?blogId=baekmg1988&logNo=221454486746 https://rosypark.tistory.com/305