FinalProject React / 카카오 지도 API - 위치에 맞게 게시글 불러오기 지도를 이동할 때마다 지도안의 주소에 있는 게시글과 마커의 목록만 나오도록 만들어야 했다 지도를 작게 줄였을때 전국의 모든 게시물에 대한 요청을 보낼 수 없기 때문에 지도의 레벨에 따라서 게시글의 유무를 정했다 지도의 레벨이 6이상이면 요청을 보내지 않고 6보다 아래라면 요청을 보내 지도안의 목록을 받아오고 그 목록으로 마커를 생성하는 코드를 짰다 지도안의 목록을 받아오기 위해서 모집글을 쓸... KakoMapFinalProjectFinalProject React / 카카오 지도 API 이번 프로젝트에서 지도 API를 사용하기로 했다 지도 API의 종류는 크게 카카오 네이버 구글이 있다 지도 API 카카오 구글 네이버 가격 지도 API: 30만/일, 300만/월 무료 1000만/월 무료 $200/월 무료 서비스 지역 한국 한국 글로벌 이 중에서 카카오가 예제가 상세해서 적용이 쉽다고 느껴 카카오로 결정했다 공식문서에서는 js로 지도를 띄우는 방법으로 설명되어있고 이걸 rea... FinalProjectKakoMapFinalProject styled-components Input 숫자 입력 type을 number로 하면 나오는 화살표를 없애보자 화살표를 없애고 나서도 e와 + -는 입력이 가능하다 이것도 없애보자 배달비는 10000 다섯자리 안에서 해결 될 것이기 때문에 다섯자리까지만 입력이 되게 하면 끝난다 위의 문제해결에서 사용한 preventDefault 는 뭘까? preventDefault: 태그의 기본 이벤트 발생을 막는 메서드 preventDefault를 호출하게 되... errorFinalProjectFinalProject react-daum-postcode / 닫기 react-daum-postcode는 리액트 컴포넌트로 만든 Daum 우편번호 검색 서비스이고 React 환경에서 간편하게 이용할 수 있다 install 후 사용 가능! install을 하고 난 다음 코드만 그대로 복사 붙여넣기를 하면 간편하게 사용 할 수 있다 하지만 그냥 코드를 붙여넣게 된다면 기본적으로 주소 검색 창이 띄워진 상태로 출력이 되고 닫기버튼 없이 주소가 검색이 끝나면 자동으... errorFinalProjectFinalProject React / 카카오 지도 API - 주소 검색 지도를 가져오고 나서 첫번째로 해야 될 것은 주소를 검색했을 때 그 위치로 지도를 움직이는 기능이었다 ReactKakaoMapSDK에는 만 있고 주소 검색기능이 없어서 kakaoMapApi 의 를 참고해서 작성했다 그런데 막상 만들고 보니 키워드는 키워드 + 주소 이고 주소는 코드스테이츠 같은 키워드를 검색하면 이동이 되지 않았다 그래서 주소로 만들고 나서 다시 키워드로 변경했다 일단 두가지... FinalProjectKakoMapFinalProject spring 문자 API 사용 파이널 프로젝트를 진행 하고 있는데 환불을 한 고객에 한해서 환불 완료 문자 전송을 해줄수 있는 기능을 구현하면 좋을거 같다는 생각이 들어서 구글링을 통해서 coolSMS API를 사용해 메세지 전송기능을 구현 하였다 기존에 구글링을 통해서 얻은 코드들은 적용이 안돼서 너무 애를 먹었기 때문에 내가 적용한 코드를 정리해서 올려보려고 한다! (기본 API 코드는 coolSMS에서 제공을 해주고... FinalProjectFinalProject 예쁜 alert sweetalert라는 alert 사용시 예쁜 알림을 줄수 있는 사이트이다 이번 파이널 프로젝트에서는 따로 알림을 줄 필요성이 있는 기능이 없어서 사용을 못할거 같지만 다른 프로젝트에서 꼭 사용해 보고 싶다!... FinalProjectFinalProject [Node-Express] Crypto 모듈을 통한 해싱 - Final Project 지금은 많은 사람들이 보안에 대해서 굉장히 큰 경각심을 가지고, 또 그에 부응하는 많은 보안 프로그램들이 나온다. 코드를 작성하기 전에 먼저 암호화 방법 부터 공부하였다. 1) 단방향 암호화 단방향 암호화는 복호화할 수 없는 방법이다. 오직 해싱에 사용된 알고리즘과 솔트만을 이용해 해싱된 값을 비교하면서 데이터를 찾을 수 있다. 2) 양방향 암호화 대칭형 암호화 - 키가 있으면 복호화가 가능... 해싱NodeFinalProjectexpress코드스테이츠CODESTATEScryptoCODESTATES [TIL] Typescript 새로운 프로젝트가 시작됐다. 이제 기억이 흐려지고 있긴 한데, 주말엔 쓸 수 있을지도 모른다... 이번 파이널 프로젝트에서는 고민과 방황끝에 새로운 도전, 타입스크립트를 써보기로 했다. NestJS와 꼭 써보고 싶었던 GraphQL을 놓기에는 쉽지 않았지만 4주동안은 불가능 할지도 모른다는 생각에, 그리고 완성도를 높이고 싶다는 생각에 지금은 잠깐 접어두고 이후에 따로 공부해보자고 마음 먹었... BackendFinalProjecttypescriptTILBackend
React / 카카오 지도 API - 위치에 맞게 게시글 불러오기 지도를 이동할 때마다 지도안의 주소에 있는 게시글과 마커의 목록만 나오도록 만들어야 했다 지도를 작게 줄였을때 전국의 모든 게시물에 대한 요청을 보낼 수 없기 때문에 지도의 레벨에 따라서 게시글의 유무를 정했다 지도의 레벨이 6이상이면 요청을 보내지 않고 6보다 아래라면 요청을 보내 지도안의 목록을 받아오고 그 목록으로 마커를 생성하는 코드를 짰다 지도안의 목록을 받아오기 위해서 모집글을 쓸... KakoMapFinalProjectFinalProject React / 카카오 지도 API 이번 프로젝트에서 지도 API를 사용하기로 했다 지도 API의 종류는 크게 카카오 네이버 구글이 있다 지도 API 카카오 구글 네이버 가격 지도 API: 30만/일, 300만/월 무료 1000만/월 무료 $200/월 무료 서비스 지역 한국 한국 글로벌 이 중에서 카카오가 예제가 상세해서 적용이 쉽다고 느껴 카카오로 결정했다 공식문서에서는 js로 지도를 띄우는 방법으로 설명되어있고 이걸 rea... FinalProjectKakoMapFinalProject styled-components Input 숫자 입력 type을 number로 하면 나오는 화살표를 없애보자 화살표를 없애고 나서도 e와 + -는 입력이 가능하다 이것도 없애보자 배달비는 10000 다섯자리 안에서 해결 될 것이기 때문에 다섯자리까지만 입력이 되게 하면 끝난다 위의 문제해결에서 사용한 preventDefault 는 뭘까? preventDefault: 태그의 기본 이벤트 발생을 막는 메서드 preventDefault를 호출하게 되... errorFinalProjectFinalProject react-daum-postcode / 닫기 react-daum-postcode는 리액트 컴포넌트로 만든 Daum 우편번호 검색 서비스이고 React 환경에서 간편하게 이용할 수 있다 install 후 사용 가능! install을 하고 난 다음 코드만 그대로 복사 붙여넣기를 하면 간편하게 사용 할 수 있다 하지만 그냥 코드를 붙여넣게 된다면 기본적으로 주소 검색 창이 띄워진 상태로 출력이 되고 닫기버튼 없이 주소가 검색이 끝나면 자동으... errorFinalProjectFinalProject React / 카카오 지도 API - 주소 검색 지도를 가져오고 나서 첫번째로 해야 될 것은 주소를 검색했을 때 그 위치로 지도를 움직이는 기능이었다 ReactKakaoMapSDK에는 만 있고 주소 검색기능이 없어서 kakaoMapApi 의 를 참고해서 작성했다 그런데 막상 만들고 보니 키워드는 키워드 + 주소 이고 주소는 코드스테이츠 같은 키워드를 검색하면 이동이 되지 않았다 그래서 주소로 만들고 나서 다시 키워드로 변경했다 일단 두가지... FinalProjectKakoMapFinalProject spring 문자 API 사용 파이널 프로젝트를 진행 하고 있는데 환불을 한 고객에 한해서 환불 완료 문자 전송을 해줄수 있는 기능을 구현하면 좋을거 같다는 생각이 들어서 구글링을 통해서 coolSMS API를 사용해 메세지 전송기능을 구현 하였다 기존에 구글링을 통해서 얻은 코드들은 적용이 안돼서 너무 애를 먹었기 때문에 내가 적용한 코드를 정리해서 올려보려고 한다! (기본 API 코드는 coolSMS에서 제공을 해주고... FinalProjectFinalProject 예쁜 alert sweetalert라는 alert 사용시 예쁜 알림을 줄수 있는 사이트이다 이번 파이널 프로젝트에서는 따로 알림을 줄 필요성이 있는 기능이 없어서 사용을 못할거 같지만 다른 프로젝트에서 꼭 사용해 보고 싶다!... FinalProjectFinalProject [Node-Express] Crypto 모듈을 통한 해싱 - Final Project 지금은 많은 사람들이 보안에 대해서 굉장히 큰 경각심을 가지고, 또 그에 부응하는 많은 보안 프로그램들이 나온다. 코드를 작성하기 전에 먼저 암호화 방법 부터 공부하였다. 1) 단방향 암호화 단방향 암호화는 복호화할 수 없는 방법이다. 오직 해싱에 사용된 알고리즘과 솔트만을 이용해 해싱된 값을 비교하면서 데이터를 찾을 수 있다. 2) 양방향 암호화 대칭형 암호화 - 키가 있으면 복호화가 가능... 해싱NodeFinalProjectexpress코드스테이츠CODESTATEScryptoCODESTATES [TIL] Typescript 새로운 프로젝트가 시작됐다. 이제 기억이 흐려지고 있긴 한데, 주말엔 쓸 수 있을지도 모른다... 이번 파이널 프로젝트에서는 고민과 방황끝에 새로운 도전, 타입스크립트를 써보기로 했다. NestJS와 꼭 써보고 싶었던 GraphQL을 놓기에는 쉽지 않았지만 4주동안은 불가능 할지도 모른다는 생각에, 그리고 완성도를 높이고 싶다는 생각에 지금은 잠깐 접어두고 이후에 따로 공부해보자고 마음 먹었... BackendFinalProjecttypescriptTILBackend