profile
무럭무럭 성장중🌿

create react 초기셋팅

내가 보려고 적는 초기 셋팅 방법 리액트와 타입스크립트를 기반으로 하는 셋팅방법이다 npx create-react-app "원하는 파일명" —template typescriptyarn run eslint --inityarn add @typescript-eslint/

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

axios.create

axios를 알아갈 수록 아직도 모르는게 너무 많다🥲최근 headers에 같은 값을 넘겨주어야하는 상황이 생겼는데 매번 적어주기엔 너무 귀찮더라,,, (나 벌써 개발자 마인드인건가🧐)graphql에서는 컴포넌트로 뺐던 기억이 나서 axios도 분명이 있겠구나 싶어서

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

Sendbird 삽질기2

채팅목록 분리 채팅창분리환자이름으로 만들어진 채팅방에 의뢰자와 제작자가 자동으로 초대하고 첫 메세지 발송하기 모바일에서도 채팅이 가능하고 실시간 연동이 가능해야한다 더 많은 기능이 필요했지만 일단 이렇게 크게 4가지 기능이 가장 중요했다 pwa를 도입하여 모바일에서 다

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

Sendbird 삽질기

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

PWA

✏️ PWA란? > PWA는 웹과 네이티브 앱의 기능 모두의 이점을 갖도록 수 많은 특정 기술과 표준 패턴을 사용해 개발된 웹 앱입니다. MDN 공식문서에 있는 내용이다 웹개발을 통해 앱으로도 보여줄 수 있는 장점이 있으니 앱개발을 따로 하지 않아도 되고 푸시 알

2022년 11월 22일
·
0개의 댓글
·

일반화면 전체스크린 만들기

간혹 브라우저 화면 상단의 페이지 탭과 경로 검색창, 북마크바 / 화면 하단의 메뉴 가 없이 풀스크린으로 보여주어야 하는 상황이 생길 수 있다 브라우저에서는 F11키를 누르거나 전체 화면 모드를 선택하면 되지만 코드로는 어떻게 해야할지 기록으로 남겨본다 위의 명령어를

2022년 11월 17일
·
0개의 댓글
·
post-thumbnail

react-hook-form 과 antd select

✏️ react-hook-form + antd form을 이용하여 회원가입을 구현중이었는데 맞딱드린 난관 antd 처럼 제어컴포넌트에서는 register를 아무리써도 값이 넘어오지 않았다 자꾸 name 타령하길래 화났던 기억,,, 이 빨간창을 맞딱드렸던 그때의 나는

2022년 11월 4일
·
0개의 댓글
·

[배열] 시작날짜와 끝날짜 사이에 비어있는 날짜 채워주기

이 제목만 보고 내용이 이해가는 사람이 있을까 싶지만 내가 하고 싶었던 기능이었다

2022년 11월 3일
·
0개의 댓글
·
post-thumbnail

.env

프로젝트를 진행하다보니 외부노출을 피해야하는 것들이 생겼다포트번호, DB관련 정보, API_KEY등.. 우리팀만 알고 git에는 올라가면 안되기에 dotenv 패키지를 사용해 환경변수 파일을 외부에 만들어 소스코드 내에 하드코딩하지 않고 사용하기로 했다.파일명은 .e

2022년 11월 3일
·
0개의 댓글
·
post-thumbnail

Axios로 formData() 이용해 file 올리기(이미지 업로드)

이미지 업로드 테스트를 하던 도중 발생했던 오류를 해결한 기쁜맘에 오랜만에 블로그에 글을 쓴다!! 하하하현재 나는 회사 s3 서버에 이미지 업로드 테스트를 진행중이었고 multipart/form-data 형태로 파일을 넘겨주어야 했기 때문에 여러 시도를 해본 끝에 해결

2022년 10월 14일
·
0개의 댓글
·

내가 원하는 배열의 길이만큼 랜덤 값의 배열 만들기

프로젝트를 진행하면 할수록 알고리즘의 중요성을 느끼고 있다이번에 만들어본 함수는 내가 원하는 배열의 길이 만큼 빈 배열을 만들고 그안에 랜덤값을 넣어주어 렌더링시 마다 새로운 랜덤 배열이 만들어지는 함수이다fill , map ,while, Math ,floor, ran

2022년 9월 26일
·
0개의 댓글
·

data 를 가공해보자

회사 dash board 프로젝트 진행 중 rest-api를 통해 받아온 값중에 내가 필요한 값이 없어서 data를 가공해 추가해보기로 했다data는 배열 안에 객체의 형태로 되어 들어왔고 352개의 객체들에게 이런식으로 값을 추가해주어야했다숫자는 참고로 1~ 352

2022년 9월 20일
·
0개의 댓글
·
post-thumbnail

Atomic Design Pattern

brad frost의 아토믹 디자인 은 화학적 관점에서 영감을 얻은 디자인 시스템이다.모든 것은 atom(원자)으로 구성되어있고 atom(원자)들이 서로 결합하여 molecule(분자)이 되고, molecule는 더 복잡한 organism(유기체)으로 결합하여 궁극적으

2022년 8월 31일
·
0개의 댓글
·

javascript design pattern

올해 연말 쯤 런칭을 목표로하고 있는 프로젝트를 시작하기전, 회사프로젝트에서 사용할 디자인패턴에 대한 정립을 하기 위해 공부를 해보았다 목차 Singleton pattern Factory pattern Container/Presentational Pattern Ite

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

Chart library 비교

한번도 써보지 않은 graph library를 사용해야 할 일이 있어 구글링을 해보았다 각각의 장단점을 기록해보자...!https://nivo.rocks커스텀이 용이하다사이트에서 직접 실행해보면 코드를 생성해준다react 최적화 단점으로는 복잡한 차트 생성은

2022년 8월 1일
·
0개의 댓글
·
post-thumbnail

Create React

오랜만에 다시 시작하는 블로그 그동안 잠시 넣어두었던 블로그를 다시 시작해본다 입사 후 맡게된 첫 미니 프로젝트!회사 서비스 런칭후 그동안의 통계 자료를 보여주는 dash board를 리액트로 구현해보기!아직 백엔드분도 없다보니🤣 내가 할 수 있는건 폴더 구조 만들기

2022년 7월 29일
·
1개의 댓글
·

stack & queue

stack은 먼저 들어간것이 가장 마지막에 빠진다First-In-Last-Out(=Last-In-First-Out)리포구조queue는 먼저들어간것이 먼저 빠진다First-In-First=Out피포구조원래했던 것을 차례차레 돌릴때는 stack 구조로 실행된다...!

2022년 7월 3일
·
0개의 댓글
·

코드캠프 수강후기

작년 11월 퇴사 후 스스로 정비의 시간을 가지면서 원래의 직업을 더 이상 유지하기에는 어려움이 느껴졌습니다새로운 직종을 탐색해보았고 개발자라는 직업에 흥미가 생겼습니다 역시 알고리즘은 무섭습니다인스타그램에서 저에게 귀신같이 코드캠프 추천광고를 보여주었고 홀린듯이 프리

2022년 6월 2일
·
0개의 댓글
·
post-thumbnail

CI/CD

CI/CD는 애플리케이션 개발 단계를 자동화하여 애플리케이션을 보다 짧은 주기로 고객에게 제공하는 방법입니다. CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포입니다. CI/CD는 새로운 코드 통합으로 인해 개발 및 운영팀에 발생하는 문제(

2022년 5월 8일
·
0개의 댓글
·
post-thumbnail

Docker

도커(Docker)는 리눅스의 응용 프로그램들을 프로세스 격리 기술들을 사용해 컨테이너로 실행하고 관리하는 오픈 소스 프로젝트이다. 도커 컨테이너는 일종의 소프트웨어를 소프트웨어의 실행에 필요한 모든 것을 포함하는 완전한 파일 시스템 안에 감싼다. 여기에는 코드, 런타

2022년 5월 8일
·
0개의 댓글
·