참고 사이트 https://velog.io/@mokyoungg/JS-JS에서-Canvas-사용하기마우스로-그리기https://basketdeveloper.tistory.com/79https://www.w3.org/TR/2011/WD-html5

https://okayoon.tistory.com/entry/%ED%81%AC%EB%A1%9C%EC%8A%A4-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A7%95cross-browsing 참고로 공부 후 정리하기

원시 자료형(primitive type)변수에 값 자체가 담김=> 원시 자료형 변수는 '값'을 하나씩 담고 있다 = 데이터를 담고 있다.종류 : string, number, bigint, boolean, undefined, symbol, nullnull은? consol

앞서 목표였던 전역 상태 에러는 해결했지만 이후 같은 에러를 또 만들지 않기 위해서, javascript의 Promise, async-await같은 비동기 작업의 작동 순서와 이벤트 루프, 마찬가지로 비동기적으로 동작하는 react hooks에서 useState의 se

1-1 포스팅 내용처럼 수정하는 과정에서 드롭다운 아이템(dropdownItem) 컴포넌트에서 갑자기 난관에 부딫혔는데, 각 드롭다운 아이템 클릭 이벤트 발생시 event.target.value로 value값(string[])을 가져오려고 했는데 자꾸만 0(number

핵심 키워드는 "관심사의 분리".동일한 책임과 역할에 따라 함수를 분리함으로써 코드의 재사용성과 가독성, 유지보수성을 높일 수 있다. hooks 등장 이전에는 많은 개발자들은 이것을 Presentational(UI) + Container(비즈니스 로직=비동기 처리, 상

< react 전역 상태란 >일반적으로 react에서 데이터는 부모로부터 props를 통해 자식까지 순차적으로 폭포처럼 아래로 전달된다. 그래서 컴포넌트들이 많이 나누어질수록 prop-drilling 현상이 일어날 수 밖에 없다. (참고한 사이트 : https&#

recoil을 사용해서 만든 여러 프로젝트에서 동일하게 발생한 에러의 원인을 찾고 이것을 해결해서 애플리케이션 정상 작동하게 만들기 #1. 경고1 Warning : Can't perform a React state update on a component that ha

회의를 통해 기획안 자세하게 분석해서 프로젝트 흐름 파악거주지 선택과 지원완료 후 뜨는 알림은 모달처리개인정보 관련 내용은 페이지로 각각 분리해서 라우팅으로 연결 예정크게 지원 폼에 포함되는 페이지와 컴포넌트 & 지원 현황 페이지 두 파트로 나눈 후 각각 태스크 분배함

서버 구현 없이 간단한 CRUD 프로젝트를 구현할 수 있는 npm package. = 서버 구현 없이 새로 생성한 값을 저장할 수 있다(날아가지 않음).npm i json-server위와 같이 설정한 후 npm run start하면 npm run start와 npm r

리팩토링 방식 discord 와 vscode live-share 기능을 사용하여 팀원이 모두 함께 리팩토링이 적용된 코드를 처음부터 작성. 코드 작성 진행 순서 1) 디렉토리 분류 컴포넌트 : src/components 각종 함수와 hooks : src/ut

퇴사 후 프로그래밍 공부를 시작한지 8개월 째.. 슬슬 준비된 건가 싶어 취업 계획도 세우고, 무작정 여러 구직 사이트를 돌아다니며 많은 공고들을 보면서 받은 느낌은 '두렵다'. 나는 그저 독학한 비전공자에 실무 경험도 없고, 과연 내 수준으로 취업할 수 있을 것인지

노트북의 간단한 메모장이나 손으로 직접 쓰는 필기노트를 선호하는 나로서는 과연 구지 블로그를 또 따로 써야할까라는 의구심을 가지고 있었다.(귀찮기도 했다) 하지만 끝없는 구글링과 공부로 어렵게 얻는 내용을 두서없이 메모장에 적어 내 컴퓨터에만 저장해두는 것은 계속해서