고마운 원본글

Shimmer (번쩍임) 전체 페이지 번쩍임 Shimmering at parent componentabsolute + translate animation styles.ts (emotion/styled)번쩍임 각 컨테이너별 Shimmering on each child c

Nomal 100% 컨테이너 ( NO Flex or Grid) 넓이 설정에 문제가 있엇는지... 뭔가 자주 꼬이는 ... struggled...htmlcss100% 컨테이너 + child flex/grid container html css

공통 컴포넌트 만들기 : recharts : Stacked Bar Chart 전제 : 여러개의 카테고리가 있고 Stacked bar 차트를 구현한다. data는 어레이이지만 안에 들어있는 오브젝트는 모두 다른 타입이다.

링크 버튼을 만들고 클라이언트 사이드에서 동작하게 하기 위해서 컴포넌트를 만든다. href를 받아서 사용하고자 하는데 타입설정이 조금 까다로웠던듯. 다음은 해결안 참고 :: href: Route 으로 바로 적용하면 오류가 뜬다.

onSubmit에서 input 값을 보고 싶은데... 타입스크립트에서 오류가 난다. 해결안은 assert 함수를 만들어서 해당 오브젝트에 value 프로퍼티가 있는지 체크한다.

메인 프로젝트 git fetch git merge origin/master 서브 모듈 git submodule update --remote 모두 변경사항 업데이트 from github remote 메인프로젝트 git merge origin/합칠 브랜치 후 서브모듈 gi

git commit -m "타이틀 메시지" -m "상세내용 적용" git commit vim으로 커밋내용 작성아래로 한줄 띄우고 git commit + vscode 에디터 ( 편함 ) git config --global core.editor "code --wait" v

문제점 : database에 저장하는 시간대와 sequelize가 불러오는 시간이 다름예시. db에 한국 시간으로 저장하면 -9시간되서 불러옴 추정 원인 : nodejs가 UTC 기반으로 돌고 있음 db는 정상적으로 한국시간 저장이되는거 맞음 sequelize는 nod

등록시 필수값 id는 필수값이 아니다. autoIncrement인 경우가 많음. 등록 시 필수값 아님interface insertParams { id?: number; ...}업데이트 시 : 필수 interface updateParams { id: number;

Node 공부중 Error객체에 status property가 없어서 에러가나왓다. 방법은 여러가지 인데 ... Global정의하니까 제일 깔끔한듯 해결안 1 : Error객체는 다른 라이브러리처럼 설치형이아닌 이미 노드 전역에 정의된 객체이며 타입을 가지고 있기 때문

npm init => package.json 생성entry point : app.tsnpm i typescriptnpx tsc --init => tsconfig.json 생성 아래와 같이 활성화 되어있음. 이제 import from export export defaul

자바스크립트에서 오브젝트의 타입 또는 인터페이스 네임 찾는 방법

passport // 요청req객체에 passport 설정을 심음app.use(passport.initialize());// req.session 객체에 passport정보를 저장// express-session에서 생성하므로 passport 미들웨어는 express-

npm init npm i sequelize mysql2 sequelize-clinpx sequelize init (npx 사용한 이유는 npm i -g 전역설치 피하기 위해) views, routes, public, passport 폴더 생성미들웨어 설치 npm

프론트 개발자 aws 설정 : 흐름 flow DNS 구매와 설정은 구글링합시다. 순서 s3 버킷 먼저 생성 : 정책은 클라우드 프론트 생성하면 자동 생성됨 클라우드 프론트 생성:origin domain에서 생성한 s3버킷을 선택한다. origin acess 카테고리에서

관계 정의 기본키가 많은 값을 가진다. hasMany 외래키는 1개의 값에 속한다. belongsTo 1:N => hasMany 한명의 유저는 여러개의 댓글을 가진다. 한개의 유저 아이디가 여러개의 댓글 아이디를 가진다. **유저 테이블의 기본키 아이디는 댓글테이

request 객체에서 자주 사용될만한 파라미터 • req.app: req 객체를 통해 app 객체에 접근할 수 있습니다. req.app.get('port')와 같은 식으로 사용할 수 있습니다.• req.body: body-parser 미들웨어가 만드는 요청의 본문을

Multer : 이미지, 동영상 등을 비롯한 여러 가지 파일을 멀티파트 형식으로 업로드할 때 사용하는 미들웨어멀타파트 형식이란? enctype이 multipart/form-data인 폼을 통해서 업로드하는 데이터의 형식폼으로 데이터 전송이러한 폼을 통한 업로드는 bo