Dev-diary29 kakao Map API Geocoder CORS Error 📌 문제 상황 프로젝트 리팩토링하면서 localhost 환경에서 웹을 테스트하고 있었다. 카카오 지도 자체는 잘 뜨는데 마커가 안찍히는 문제가 발생했다. ??? 뭘까 ??? 자바스크립트 키도 있고 지도도 잘 뜨는데 ... 뭐지 ??? 콘솔창을 확인해보니 Response to preflight request dosen't pass access control check : Redirect is not allowed for a preflight request 에러 메세지가 떴고, 그 내부를 들여다보니 geocoder 를 불러오는 과정에서 오류가 나고 있었다. 📌 해결 방법 문제는, 배포된 프로젝트 도메인에서는 모든 기능이 잘 동작했다. 카카오 Developer 안에서도 도메인 등록을 잘 해놨기에 내 문제는 아.. 2022. 2. 1. 22.01.26 코드스테이츠 4주차 Final Project 회고록 👀 4주차 Final Project 회고록 📌 4주차 두 번째 프로젝트의 시작 2주 프로젝트가 끝나고 쉼없이 4주 프로젝트가 시작되었다. 대화를 많이 하고 기획을 꼼꼼히 하기로 다짐했던 만큼 5일의 시간을 들여 계획했다. 운 좋게도, 내가 하고싶었던 아이디어로 웹을 만들게 되었다. 아이디어를 간단히 소개하자면 : -> 기획 의도 사진은 생각보다 많은 정보를 담고 있습니다. "사진을 저장하다 = 추억을 기억한다" 는 의미가 통하는 시대입니다. 갤러리의 수많은 사진들 사이에서 내가 원하는 사진 한장을 찾아 헤매본 적이 있으신가요 ? 정보의 저장은 쉬워졌지만 해당 정보를 제대로 관리할 수 있는 도구는 많지 않습니다. 블로그와 SNS에서 본 사진을 보고 반해 찾아간 장소의 주변에서 놀거리를 찾지 못해 당황한 적.. 2022. 1. 28. 21.12.26 코드스테이츠 2주차 First Project 회고록 👀 2주차 First Project 회고록 📌 2주차 첫 번째 프로젝트의 시작 팀원 모두 "첫" 프로젝트 경험이다 보니 배운 걸 복습하면 된다는 가벼운 생각으로 임했다. 그런데 아이디어 이야기를 하면할수록 큰 가닥이 잡히고, 해낼 수 있겠는데 ..? 라는 용기가 생겼다. 스토리 라인을 탄탄히 짰고 업무 분배도 기간에 맞춰 계획했다. 모두들 할 수 있다는 자신감에 부푼 채 프로젝트를 시작했다. 📌 우리팀이 잘한 점 📎 팀프로젝트와 직접적으로 관계없는 내용의 질문이더라도 팀원 모두가 함께 고민했다. 프로젝트를 하면서 대화의 생산성과 상관없이, 대화 자체를 많이 해야한다는 것을 느꼈다. 팀 프로젝트에서 빠질 수 없는 "GitHub 관리" 를 예로 들어보겠다. 우리 팀은 깃허브를 대화 주제로 삼았을 때, ✔ G.. 2022. 1. 27. __filename , __dirname 📍 __filename 현재 실행 중인 파일 경로 📍 __dirname 현재 실행 중인 폴더 경로 2021. 11. 20. Node JS address already in use 문제 해결 📍 내가 오늘 만났던 오류 Error: listen EADDRINUSE: address already in use :::5000 📎오류가 발생하는 이유 2 가지 ✔ 다른 프로세스가 명시된 포트를 사용중일 때 ✔ Node JS 프로세스가 비정상적으로 종료됐을 때 난 서버를 잘 껐고 ... 현재 쓰고 있는 port도 없는데 왜 자꾸 이 오류가 뜨는거야 ;;; 📍 해결 방안 난 Ubuntu를 사용하기 때문에 Linux 중심의 해결 방법을 찾았다. lsof : 활성화된 프로세스 리스트를 출력해주는 명령어이다. i : [option] 특정 port를 사용중인 프로세스만 골라주는 옵션이다. lsof -i 명령어를 활용해 내가 찾고 싶은 프로세스를 찾는다. 이제 이 프로세스를 kill 명령어를 활용해 종료한다. ki.. 2021. 10. 25. 자기소개서 && 면접 참고 자료 https://techblog.woowahan.com/2531/ 이직초보 어느 개발자의 이력서 만들기 | 우아한형제들 기술블로그 {{item.name}} 안녕하세요 저는 올해 2월부터 우아한형제들의 배라개발팀에서 일하고 있는 구인본입니다. 작년 연말에 잠시 휴식을 가진 후 1월부터 이직을 준비하면서 경험했던 것 중에 이력서를 techblog.woowahan.com 프론트엔드 면접 1 프론트엔드 면접 문제 1탄 ⭐️ 프론트엔드 면접 문제은행에서 면접에 실제 나올 만한 것들로 준비해봤습니다..! 저를 포함한 많은 프론트 주니어 개발자를 꿈꾸는 취준생분들에게 조금이나마 도움이 되었으면 합니다 🙂 2탄 velog.io 프론트엔드 면접 2 프론트엔드 면접 문제 2탄 ⭐️ 지난번엔 HTML편이었는데 이번엔 CSS .. 2021. 9. 9. Node JS 서버 다루며 만난 에러 [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client 서버가 클라이언트에 2개 이상의 응답을 보내려고 할 때 발생하는 오류 ex. response.end( ) 를 2번 이상 보냈다던가 ... response.end( ) 를 2번 이상 보냈다던가 ... ex. 로직이 잘못된 경우니까 코드를 잘 살펴보자 !! Access to fetch at 'http://localhost:3000' from origin 'http://127.0.0.1:8000 has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No.. 2021. 9. 9. if문과 switch문의 성능 차이 ? 둘 중에 뭘 써야 하나 며칠 전 stack 자료 구조를 자바스크립트로 구현하다 깨달은 사실이 몇 가지 있어 글을 남기려 한다. ISA 관점 에서 ... 봤을 때, (궁금증 1) MIPS 에는 (궁금증 2) branch statement 와 jump statement 가 있다고 한다. branch statement는 레지스터 2개를 비교해서 (혹은 레지스터 and 상수 비교) 특정 메모리 번지로 이동하냐 마냐를 결정한다. jump statement는 (비교 없이) 즉시 !! 특정 메모리 번지로 이동한다. if문은 branch statement에 기반을 두고 있고, switch문은 jump statement에 기반을 두고 있다. if문은 조건이 만족하면 실행, 만족하지 않으면 무시한다. (실행 할거여 말거여?) switch문은 입.. 2021. 9. 2. 21.08.20 코드스테이츠 SECTION 1 기록 📌 SECTION 1을 마무리 하며 짧지만 굵었던 SECTION 1이 끝났다. 7월 19일부터 8월 19일까지 딱 1달이라는 시간이 지났다. 한 달간 블로깅한 기록들을 보니 시간이 빠른 건 사실이지만 매정하진 않다는 생각이 들었다. 코드스테이츠에 들어오기 전, 드림코딩 엘리님의 자바스크립트 강의를 보면서 독학했었다. 자바스크립트에 대한 기본은 잡혔지만 팀 프로젝트를 혼자 진행하기엔 무리가 있었다. 같이 공부할 스터디원이나 팀플을 진행할 팀원이 필요했고 그 계기로 코드스테이츠에 들어오게되었다. 팀 프로젝트를 할 목적으로 들어왔지만 생각보다 많은 것을 얻을 수 있었다. 첫째 다양한 사람들과 만나고 (zoom) 소통하면서 혼자 할 때와 달리 활기차졌다. 둘째 현업에 나가계신 분들의 이야기를 들을 수 있는 기회.. 2021. 8. 20. 이전 1 2 3 4 다음
