profile
React, React-Native https://darcyu83.netlify.app/
태그 목록
전체보기 (130)nodejs(20)React(14)nextjs(12)dart(10)typescript(9)flutter(8)web(8)react native(7)Android Studio(6)RN(5)back(5)aws(3)git(3)Node(3)Saga(3)CSS(3)reactnative(3)passport(3)styled components(2)server(2)link(2)kotlin(2)recap(2)Sequelize(2)express(2)redux(2)multer(2)reanimated(2)scroll(2)req(2)RequestMapping(2)Native(2)Springboot(2)middleware(2)promise(1)snap point(1)grid child(1)ScrollIntoView(1)cashed chunk name(1)multiple-style(1)visualViewport(1)command(1)GET(1)POST(1)og tag(1).filter()(1)이벤트루프(1)Maps(1)권한(1)library(1)getmethod(1)rename(1)http(1)타입 재정의(1)Flatlist(1)배포(1)grid-template(1)styledToggle(1)navlink(1)passport local(1)포트80(1)Request(1)Response(1)AWS chunk error(1)slider(1)nodemailer(1)Tags(1)types(1)yarn(1)navigator(1)datatype(1)PORT(1)w/saga(1)innerWidth(1)DP(1)innerHeight(1)Multi-Processing(1)정보처리기사(1)sendEventToReactNative(1)req.body(1)cluster(1)call stack(1).find()(1)react-native-redash(1)debounce(1)ios/android(1)versus(1)await(1)publish(1)nth-child(1)event loop(1)Xcode(1)Recharts(1)nextTick(1)non blocking(1)px(1)화면크기(1)js(1)abstract(1)lecture(1)scroll problem(1)fetchSaga(1)Flex(1)JavaScript(1)width(1)EventLoop(1)img src(1)ESLint(1)Prettier(1)developmentEnvironment(1)pug(1)selector(1)keyframes(1)aspect ratio(1).findIndex()(1)error(1)ec2(1)aync(1).map()(1)req/res(1)Coroutines(1)href(1)chart skeleton(1)편의성(1)regex(1)interface(1)primative(1)submodule(1)socket.io(1)useRef(1)setTimeout(1)global(1)window(1)Flutter language(1)padding-top(1)M:1(1)html2canvas(1)axios(1)timezone(1)react selector(1)Enum(1)sendEventToJavascript(1)styled(1)flex child(1)variableNewName(1)html(1)Expo(1)newVariableName(1)Styled Compoents(1)microtask(1)SSR(1)Single Thread(1)ratio(1)Spring boot(1)stackedBarChart(1)스냅포인트(1)크기변경인식(1)screen permission(1)transition(1)PostMapping(1)type check(1)notification(1)form(1)jest(1)translate(1).module.css(1)VS(1)code splitting(1)Timing(1)github(1)fileupload(1)toggle(1)cookie(1)height(1)addListener(1)flicker(1)scoll-snap(1)jsPDF(1)yield(1)alarm manager(1)setup(1)produce(1).env(1)portrait(1)relation(1)imgPath(1)실행순서(1)e.target.value(1)S3 bucket(1)frontInBack(1)landscape(1)Date(1)grid(1)grid-auto(1)emotion(1)to bottom error(1)multi thread(1)android(1)react-native-lottie-splash-screen(1)current Array(1)task queue(1)cloudfront(1)setImmediate(1)e.current.value(1)scroll-snap(1)function(1)Event(1)slider structure(1)IntelliJ(1)image-ratio(1)논블로킹(1)cookieParser(1)res(1)서브넷마스크(1)

[CHART SKELETON] REACT 차트 스켈레톤

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

2023년 9월 4일
·
0개의 댓글
·
post-thumbnail

[Text Ellipsis] Text Ellipsis with flex/grid

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

2023년 8월 20일
·
0개의 댓글
·

[React + Typescript] React Component With Generic Data Type :: Props 받기

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

2023년 8월 18일
·
1개의 댓글
·

[NextJs] Link href 타입스크립트 적용하기

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

2023년 8월 6일
·
0개의 댓글
·

[Form] form onSubmit에서 event객체에 value 프로퍼티 없을경우 해결

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

2023년 8월 6일
·
1개의 댓글
·

[git] submodule

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

2023년 7월 25일
·
0개의 댓글
·

[Git] 커밋 메시지 : 타이틀 + 상세내용 적용하기

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

2023년 7월 22일
·
0개의 댓글
·

[NodeJs] Sequelize : DATE 타임존 관련

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

2023년 7월 18일
·
2개의 댓글
·

[typescript] 등록 | 수정 파라미터 타입 다를 경우 정의하는 방법

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

2023년 7월 11일
·
0개의 댓글
·

[NodeJs][Typescript] : Error 객체 타입을 재정의하기

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

2023년 7월 9일
·
0개의 댓글
·

[NodeJs] typescript 로 설정하기

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

2023년 7월 7일
·
0개의 댓글
·

[Typescript] interface or type name check

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

2023년 7월 6일
·
0개의 댓글
·

[NodeJs] passport 설정 및 설명

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

2023년 7월 2일
·
0개의 댓글
·

[NodeJs] express 설정 _ prod

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

2023년 7월 1일
·
0개의 댓글
·
post-thumbnail

[AWS] Router53 / CloudFront / S3 bucket 설정 : 프론트 개발자

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

2023년 6월 27일
·
0개의 댓글
·

[NodeJs]::Sequelize : 관계 1:1 1:N N:M

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

2023년 6월 11일
·
0개의 댓글
·

[NodeJs]:: req & res 객체

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

2023년 6월 10일
·
0개의 댓글
·

[NodeJs]:: Multer : 멀티파트 파일 업로드

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

2023년 6월 10일
·
0개의 댓글
·