JOYLOG

이미지 첨부 기능을 개발하면서, input 태그에 파일이 첨부될 때(onChange)의 event 를 콘솔에 찍어보았는데요. 다중업로드? 처럼 multiple 속성값을 넣어주면, 다중 파일 업로드가 가능해진다고 해요! 콘솔을 찍어보면 Files 내부에 파일을 Object 형태로 받아오고 있다는 것을 확인할 수 있어요. 미리보기 기능을 구현하기 위해선 이미지 DOM이 필요한데, 이것은 URL.createObjectUrl() 메서드를 활용하여 반환받을 수 있어요. 위에서 받아온 파일 Object 각각을 URL.createObjectUrl() 의 매개변수로 넣어주면 주어진 객체를 가리키는 URL을 DOMString 으로 반환받을 수 있어요. 이 때 매개변수로 넣어주는 Object는 File, Blob, Med..

history.pushState(null, '', '/kpi/reply'); 인턴 생활 2주차! 애플리케이션 코드를 분석하다 파라미터를 변경하는 이유에 대해 이해하고 있지 않다는 것을 깨달았다. 그래서 파라미터와 쿼리에 대해 정리해보고자 한다! 페이지 주소를 정의할 때, 유동적인 값을 전달해야할 때가 존재한다. 이 때 파라미터와 쿼리를 활용한다. Tip 1. URL을 통해 보여주는 값을 지정하기 때문에, 새로고침시 해당 데이터 값들을 잃지 않는다 2. 유효하지 않은 Parameter에 대해서는 Validation 검사를 해주어야 한다. 파라미터 : /profiles/joy → 일반적으로 파라미터는 특정 id나 이름을 가지고 조회할 때 사용 쿼리 : /about?detail=true → 쿼리의 경우엔 어떤..

오랜만에 돌아온 조이로그 티스토리 🎉 새해 기념, 그리고 인턴 생활 시작 기념 다시 한 번 티스토리를 꾸준히 작성해보려 한다. 사실 작년까지 직접 제작한 깃허브블로그에서 포스팅을 이어나가고 있었는데, 편집기, 카테고리 설정 등 한계가 있다고 생각해 다시 돌아오게 되었다 😅 올 해에는 포스팅 작성에 부담을 느끼지 않고, 기록하고 공유하고 싶을 때 언제든지 방문하고자 한다. 앞서 말했듯 강남의 한 서비스 회사에서 인턴을 시작하였다! 사실 면접을 볼 때 굉장히 당황스러웠다... 왜냐하면 나의 CS 지식의 현주소를 알아버렸기 때문 🤢 직무 관련하여 대강 생각나는 질문은... - 프로젝트에서 사용했던 기술 스택에 대한 질문 - (배포된 프로젝트를 보며) 구현 과정에 대한 질문 - 서버가 랜더링되는 과정 - 서버사..

CORS 이슈 Cross-Origin Resource Sharing (보안을 위한 정책) 원인 : request 보내는 client 와 response 보내는 server가 다른 포트를 가지고 있다면, CORS 정책에 막혀짐 해결 : 다양한 방법이 있는데, 그 중 하나는 Proxy 사용 (https://create-react-app.dev/docs/proxying-api-requests-in-development#configuring-the-proxy-manually) Proxy? : 유저와 인터넷 사이에 Proxy Server가 있다. : IP를 Proxy Server에서 임의로 바꿔, 인터넷에서는 접근하는 사람의 IP를 모르게 된다. 데이터 또한 임의로 바꿀 수 있다. 방화벽 기능 2. 웹 필터 기능..