\n이 포함된 JSON 문자열 JSON.parse시 에러 json 형식으로 db 테이블에 저장된 데이터를 api로 호출하는 과정에서 에러가 났다. 특정 데이터 즉 문자열에 \n 과 같은 개행문자가 포함되어 있을 때, 이 문자열을 JSON.parse를 통해 JSON 객체로 바꾸는 과정에서 나오는 에러라는 것을 스택오버 플로우를 통해 알게 되었다. 해결은 \n에서 \이 역슬래쉬를 한 개를 자바스크립트의 replace 메소드로 두 개로 바꿔주어서 해결했다. 아래는 mdn 문서에 나온 JSON.parse의 예시이다. const json = '{"result":true, "count":42}'; const obj = JSON.parse(json); console.log(obj.count); // Expected output: 42 console.log(obj.resul.. 사진 업로드하고 전송하기 현재 회사에서 관리자페이지에서 사진을 수정해서 서버로 보내는 기능을 구현하고 있다. 1. 사진 미리보기 와 2. 사진을 api 서버로 전송하기 를 구현하는데, 사진 미리보기는 const url = new FileReader(); url.createObjectURL(e.target.files[0]) 정확하게 위처럼 코드를 작성한 것은 아니고 대략 위와 같이 코드를 작성했다. createObjectURL는 Blob(Binary Large Object)객체를 URL로 변경시켜주는 것인데, 이렇게 해서 URL로 메모리에 저장되면 브라우저에서는 해당 URL을 해제하기 전에는 유효하다고 판단하여 자바스크립트의 가비지 컬렉션이 동작하지 않는다고 한다. 따라서 메모리에서 해제하는 코드( revokeObjectURL을 .. 콜백 헬 👿 이란? 콜백 헬(Callback Hell) 은 무엇일까? 콜백 헬이 무엇인지 처음 인터넷에서 짧게 읽었을 때는 잘 이해가 되지 않았으나 자바스크립트의 동작원리를 공부하니 이해가 훨씬 쉬워졌다. 자바스크립트 동작원리는 코딩애플님의 자바스크립트 동작원리 유튜브 영상을 보고 이해했고 콜백헬은 자바스크립트 딥다이브를 보고 이해했다. 먼저 콜백헬의 예시를 보면 아래와 같이 (아래 예시에서는 콜백함수 안에 하나의 콜백함수 만 있지만) 콜백함수안에 다시 콜백함수 그리고 그 안에 다시 콜백함수..... //GET 요청을 위한 비동기 함수(axios나, fetch가 아니라 이렇게 구현하는 것도 있었다는 것을 알게되었다) const get = (url,callback) => { const xhr = new XMLHttpReque.. 코어 자바스크립트 1장 💡 기본형 데이터와 참조형 데이터의 차이? 기본형은 값이 담긴 주솟값을 바로 복제(변수에 값을 할당하기 위해서는 주솟값을 복제해야 함 )하고 참조형은 값이 담긴 주솟값들로 이루어진 묶음을 가리크는 주솟값을 복제함→ 참조형은 주솟값을 복제하는 과정을 두번 거침 위의 내용과 연관되어서 기본형은 불변성을 띄고 참조형은 보통 가변성을 띔 (불변값으로 사용하는 경우는 아래에 ) 불변성이란? -불변성과 가변성을 이해하기 위해서는 메모리에 데이터가 어떻게 올라가는 지 이해가 필요 var a; //변수 a 선언 a= 'abc' //변수 a에 데이터 할당 변수(데이터가 담길 수 있는 공간 )를 할당할 때 데이터( 위 코드에서 문자열’abc’)를 저장하기 위한 별도의 메모리 공간을 확보해서 메모리의 데이터 영역에 (책의 .. 이전 1 다음
