profile
무럭무럭 성장중🌿

zip 파일로 업로드

파일 업로드를 하는데 파일을 zip 파일로 만들어서 올려야했다 js로 구현했고 드래그앤드롭이 가능하고 올라간 파일은 리스트로 보이며 삭제가 가능하고추가 업로드도 가능하다

5일 전
·
0개의 댓글
·
post-thumbnail

image 화질 개선기

이 간단한 코드 한줄에서 시작된 험난한 여정기를 기록해보자기능 개선 업데이트 팝업창을 띄우기로 하고 이미지를 받아서 평소와같이 <img/> 를 이용하였다근데 이미지가 묘하게 깨져보이는 문제가 발생했다언뜻 봐서는 잘 구분이 안가지만 자세히 보면 볼 수록 이미지 픽셀

2024년 1월 29일
·
0개의 댓글
·
post-thumbnail

Next js 첫 시작페이지 변경하기

Next.js에서 app routing을 사용할 경우 src/app 안의 폴더 이름명으로 routing이 이루어진다따라서, src/app/page.tsx의 위치로 첫페이지가 route 되는데 첫 페이지를 src/app/page.tsx가 아닌 내가 원하는 페이지로 설정하

2023년 11월 14일
·
2개의 댓글
·
post-thumbnail

React Native https 통신 오류

React native로 채팅어플을 개발하던중 안드로이드에서만 https로의 통신이 되지 않았다 웹, ios, postman 모두 정상적으로 통신에 성공해 값을 넘겨 받았는데 오직 안드로이드에서만 안되니까 막막했다 이 문제 해결에 꽤 오랜 시간이 걸렸다 진짜 안본 블

2023년 11월 2일
·
0개의 댓글
·
post-thumbnail

숫자 슬롯머신 이벤트 만들기

어떤 값을 유저에게 눈에띄게 보여주는 방법중에 슬롯머신처럼 보여주는 방법이 있다이 방법을 구현해보고자 했고 순수 자바스크립트로 구현해보았다구글링을 통해 방법을 찾고 수정한 끝에 구현에 성공했다도움- https://codepen.io/yoon123456/pen/

2023년 10월 24일
·
0개의 댓글
·
post-thumbnail

React native http 통신 허용하기

앱개발이 어느정도 완료가 되어가고 테스트를 위해 apk파일을 안드로이드 핸드폰에서 실행했는데...!axios가 정상 작동하지 않았다 네트워크 오류라는 메세지 확인 후 구글링을 엄청 해보니android 9 이상부터는 http 프로토콜 요청이 기본적으로 막혀있다고 한다해결

2023년 5월 27일
·
0개의 댓글
·
post-thumbnail

IOS permission error

No permission handler detected.며칠전부터 yarn run ios를 실행하면 제일 처음에 나왔던 에러창 원인이 뭔지 몰라 수많은 구글링과 sample 코드를 비교한 끝에 해결할 수 있었다 찾고 보니 에러화면에 다 나와있던 해결방법;;해결 방법은

2023년 5월 10일
·
0개의 댓글
·
post-thumbnail

android release apk 만들기

react native와 sendbird를 이용하여 chatting app을 만들고 있다 어느정도 코드는 되었고 실제 핸드폰에서 동작하는지 확인하기 위해 apk 파일을 만들어 android폰에 설치하고 동작하는지 확인해보려고 한다 사수께서 너무나 잘 알려주셔서 잊지않기

2023년 5월 3일
·
0개의 댓글
·

component 이름 바꾸기

나는 emotion styled component를 통해 style을 만들어주고 있는데 가끔 component에 div나 span등 여러 값을 바꾸고 싶은 경우 아래처럼 하면 된다 밑의 예시는 h1~h6 까지의 태그를 만들어줄 수 있다

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

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개의 댓글
·