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 지식의 현주소를 알아버렸기 때문 🤢 직무 관련하여 대강 생각나는 질문은... - 프로젝트에서 사용했던 기술 스택에 대한 질문 - (배포된 프로젝트를 보며) 구현 과정에 대한 질문 - 서버가 랜더링되는 과정 - 서버사..

주말동안 동아리 활동이랑 약속 때문에 바빠서 블로그에 소홀히 했다. 이번 주부터 다시 열쩡! 성실!하게 블로그 활동과 개발 활동을 시작해야겠다. 운동 PT 쌤한테 특정 부위만 살 빨리 빼는 방법 물어봤는데 식단이랑 유산소 열심히 하라고... 하셨다... 그래야겠다 흑.. 유산소 45분 프론트 폴다운 등 근육을 자극하는 운동. 랫폴다운과 방식이 비슷하다. 다만 이 기구는 알아서 자세를 잡을 수 있게 형성되어 있어서, 좀 더 자극이 잘 될 것이라고 하셨다. 랫폴다운과 마찬가지로 무릎이 앞에 바에 닿을 정도로 앉고, 어깨를 내린 후 등을 자극한다는 느낌으로 기구를 내려주면 된다. 살짝 몸을 눕혀서 진행해야, 등에 자극이 가고 허리에 부담이 안 간다. 팩덱 플라이 (10~15kg) 가슴 근육을 자극하는 운동. ..