profile
Frontend Develoer @nota

Uncaught SyntaxError: Unexpected token '<'

로컬에서 아무런 문제가 없었는데 배포 후에 사용중 특정 페이지에서 새로고침을 했더니 다음과 같은 에러가 발생했다.로컬에서는 발생하지 않는 문제였기 때문에 처음에는 페이지에 포함되어있는 모든 컴포넌트들을 하나씩 주석처리하고 배포, 확인하는식으로 진행하였다.그러나 전체 컴

4일 전
·
0개의 댓글
·

react 프로젝트에서의 devDependency 고찰

react 프로젝트는 주로 npm이나 yarn을 이용해서 dependency를 관리한다.라이브러리를 설치할때 dependency로 설치할지 devDependency로 설치할지 고민하게 되는 경우가 많은데,배포될때 dependency에 포함되면 배포되었을때 필요없는 코드

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

http 간단 정리

IP패킷으로 정보를 주고 받는다패킷에 출발지, 도착지 정보를 적어서 통신Ip 프로토콜의 한계대상이 없어도 일단 발송되고 찾음중간에 패킷이 사라지거나 패킷의 순서가 보장되지 않음 - 비신뢰성TCP가 하는 일IP 프로토콜을 기반으로데이터를 전송하고 잘 받았다고 응답해줌순서

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

JWT, access token, refresh token, auto refresh, axios를 이용한 토큰 자동 발급 받기

일반적으로 로그인을 하면 서버에서는 클라이언트에 아이디/비밀번호 대신에 request 할 때 사용할 수 있는 토큰을 준다.request 할 때 마다 아이디와 비밀번호를 사용하게 된다면 보안상 문제가 될 수 있기 때문이다.세션 인증 방식은 서버의 데이터베이스나 메모리에

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

axios request cancellation

axios 버전 v0.22.0 부터 기존 방법은 deprecated되고 AbortController를 도입한 표준 토큰 변경 방법으로 변경되었다.기존엔 너무 복잡했는데 훨씬 깔끔해진것 같다.fetch에서도 같은 방법을 사용한다고 한다.

2022년 2월 16일
·
0개의 댓글
·

jsdoc 사용하기

jsdoc 자바스크립트로 개발하다보면 자바나 C++같은 언어처럼 타입 힌팅이 되거나 코드 인텔리전스가 되었으면 하는 경우가 있다. 최근에 타입스크립트가 사용되면서 이런 문제가 많이 해결되었지만, 아직 많은 프로젝트는 자바스크립트로 작성되어 있고, 이를 위해서 타입스크

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

Typescript/React/ESLint/Airbnb/Prettier 설정하기

회사에서 타입스크립트로 기존 자바스크립트 프로젝트를 마이그레이션 하기로 했다. 코드량이 그렇게 많지 않고, 디자인시스템도 변경하기 위해서 새롭게 프로젝트를 만들어서 깔끔하게 다시 짜기로 했다.그런데 시작하기전부터 한숨이 나왔다.ESLint 설정, 타입스크립트 설정, P

2022년 1월 24일
·
0개의 댓글
·

mariadb 초기설정

mariadb를 설치하자마자 사용하려고하면 다음과 같은 에러가 발생한다.초기 root 계정에 비밀번호가 설정되어 있지 않아서 접근이 거부되는 것이다.다음과 같은 명령어를 순차적으로 입력하면 된다.

2021년 11월 15일
·
0개의 댓글
·

javascript responseType blob일때 error response json으로 받기

Axios 요청을 할때 responseType을 blob으로 설정하면 error response조차 blob으로 반환되었다.blob으로 반환된 response를 Blob 객체의 text메소드를 사용해서 문자열로 변환한다.이 문자열을 다시 json으로 변환해서 기존처럼

2021년 11월 11일
·
2개의 댓글
·

리액트에서 axios 요청 취소하기

axios로 요청중에 요청을 취소하는 기능이 필요했는데, react에서는 hooks를 사용하다보니 axios로 취소하는 방법이 인터넷에 있는 방법들과는 조금 차이가 있었다.useRef를 사용하여 글로벌로 조작할 수 있는 변수를 만들고,request를 보낼때 useRef

2021년 10월 31일
·
0개의 댓글
·

리액트에서 파일선택시 같은 파일 재선택하기

리액트에서 input으로 파일 입력을 받을때 onChange를 이용하여 어떤 작업을 수행하도록 하였다.그런데, 이후에 input에 같은 파일을 입력받으면 onChange가 발동되지 않아서 이벤트 핸들러가 작동하지 않았다.클릭하는 순간 기존 파일 연결을 끊어버리면 된다.

2021년 10월 26일
·
0개의 댓글
·

HTTPS, SSL, CA, 인증서 직관적인 개념

웹 사이트를 배포할 일이 생겼는데, HTTPS로 배포해야 했다.기존에 HTTPS와 SSL 개념에 대해 잘 몰랐기 때문에 한번 정리가 필요했다.어떤 내용을 암호화하고 다시 복구하는 복호화를 하려면 크게 두가지 방식이 있다.대칭키방식공개키방식대칭키는 일반적으로 생각되는 암

2021년 10월 20일
·
0개의 댓글
·

자바스크립트 객체 키/값을 동적으로 주기

객체 키 값을 객체 안의 name을 이용하는 등으로 동적으로 줄 필요가 있었다.자바스크립트에서 키 부분에 동적을 사용할땐 대괄호를 활용하자

2021년 10월 15일
·
0개의 댓글
·

자바스크립트 reduce 메소드

배열을 객체로 변환할 필요가 있었는데, reduce를 사용하면 된다는 답변을 외국 블로그에서 보았다.자바스크립트의 배열 메소드에서 map이나 filter는 다른 언어들을 통해 많이 접해봐서 쉬운 개념이었지만, reduce라는 메소드는 잘 접해보지 못해서 어떻게 사용해야

2021년 10월 15일
·
0개의 댓글
·

Axios로 바이너리파일 다운로드 하기

axios로 api를 통해 바이너리 파일을 다운로드 하는데 다운로드 한 결과가 용량이 이상하고 제대로 열리지 않았다. 서버에서 전송전 최종 작성한 파일은 정상적이었고, 포스트맨으로 다운로드 받을 경우에도 정상적이었다. axios 옵션에서 responseType: "bl

2021년 10월 15일
·
0개의 댓글
·