전체 글

draggable 사용 시 위치 초기화 방법

참고 자료https://ant.design/components/modalhttps://github.com/react-grid-layout/react-draggable/issues/214 개요position 을 state 로 관리함onDrag, onStop 시 position 을 update 해줌라이프사이클에 따라 position 을 {x: 0, y: 0} 으로 초기화해줌  코드import Draggable from 'react-draggable';const [position, setPosition] = useState({}); // 모달의 위치 const [bounds, setBounds] = useState({ // 모달을 움직일 수 있는 범위 left: 0, top: 0, bottom: 0, ..

SMTP 와 IMAP, POP3 에 대해서 및 차이

참고 자료 자바 SMTP와 Mail 발송하기(Google, Naver)SMTP와 Mail 발송하기(Google, Naver) SMTP 개념SMTP 프로토콜은 Simple Mail Transfer Protocol의 약어로 인터넷상에서 이메일을 전송하기 위해서 사용되는 통신 규약 중에 하나입니다. 그리고 이메일을 송수신ktko.tistory.com [메일 용어] IMAP과 POP3의 의미와 차이점안녕하세요. 언제나 유용한 정보를 전달해드리는 메대리입니다. 주말이 가고 어느새 월요일이 되었습니다. ...blog.naver.com SMTP인터넷상에서 이메일을 전송하기 위해서 사용되는 통신 규약 중에 하나이메일을 송수신하는 서버를 SMTP서버 IMAPInternet Messaging Access Protocol서..

MSA 란? (등장 배경과 Micro 의 기준, SOA)

들어가며 지난번에 API Gateway 를 찾아보며 참으로 많이 접한 MSA 에 대해 알아보았습니다. 들어보기만 많이 들어봤지 잘 모르고 있었습니다. 질문 알아보기 전에 먼저 MSA 를 떠올리면 제일 궁금한 것들에 대해 정리해보았습니다. 내용이 끝나면 이 질문에 다시 대답해보겠습니다! MSA 란 무엇이지? 몇년 전 부터 많이 들어봤다, 언제부터 나온거지? 왜 나오게 된거지? 어디서 제안했지? 기존의 아키텍처와는 어떤 차이가 있는거지? Monorepo 가 최근에 등장했는데, 이와 대비되는 듯한 개념인 MSA 도 최근에 등장했다. 어떻게 다른거지? 어디까지가 Micro 인걸까? MSA 란? MSA 란 microservice architecture 로, micro + service + architecture ..

API Gateway 란? (\w reverse proxy, MSA, Gateway)

들어가며 많이 들어봤지만 잘 모르는 API Gateway 에 대해 알아보았습니다. 의미로 접근해보기 API Gateway 는 API 와 gateway 의 합성어 입니다. API 는 아실테니 넘어가고... gateway 만 보겠습니다. API Gateway 의 gateway 는 (네트워크에서 사용하는 Gateway 로써의 의미가 아닌) 사전적인 의미의 gateway 입니다. gateway 의 사전적인 의미는 입구, 출입구, 관문 등 입니다. 즉 API Gateway 란 API 를 호출할 때 거치는 관문이라 생각할 수 있겠습니다. API Gateway 란 API Gateway 는 여러 서비스 (혹은 서버) 들의 앞에 위치하여, 각기 다른 곳에서 배포되어 서비스 되고 있는 API 들을 하나의 엔드포인트로 통합..

cURL 이란 / libCurl / curl 사용 방법

cURL 이란? curl 아니고, CURL 도 아니고, Curl 도 아닌... cURL 입니다! cURL 은 client URL 의 약자 입니다. URL 로 개발자가 서버와 데이터를 주고받는데 사용 하는 CLI tool 입니다. 공식문서에서도 command line tool and libraryfor transferring data with URLs 라고 적혀있습니다. cURL, which stands for client URL, is a command line tool that developers use to transfer data to and from a server. - https://developer.ibm.com/articles/what-is-curl-command/ cURL 에서는 clien..

SSL 과 TLS

SSL 과 TLS 들어가며 SSL 관련 업무를 해야 하는데요, 겉핥기로만 알고 있었습니다. 그래서 이번 기회에 알아봤습니다. SSL 을 알아보기 전에 떠오르는 질문을 정리해봤는데요, 글의 시작은 질문으로, 글의 마무리는 질문에 대한 답을 하는 것으로 정리하겠습니다. SSL 에 대한 질문들 SSL (Secure Sockets Layer) 의 L 은 layer 네, 그럼 L 몇이지? SSL 이전에는 무엇을 썼는지? SSL 을 왜 쓰는지? SSL 과 HTTPS 는 어떤 관련이 있는지? SSL 을 하려면 인증서를 들어야 한다고 들었는데 그게 뭔지? TLS 와는 어떤 관련이 있는건지? SSL 과 TLS SSL 과 TLS 는 아주 밀접한 관련이 있습니다. 그래서 SSL (Secure Socket Layer) 을 들..

시간 및 날짜를 다루는 방법 (1) - GMT 와 UTC, Timezone 과 Offset, 차이 및 비교

GMT 와 UTC, TimeZone 과 Offset, 차이 및 비교 최근에 서버에서 받아온 날짜 데이터를 변환하는 과정에서 타입을 바꾸면서 시간 값이 바뀌어 로직이 예상했던대로 돌아가지 않았던 이슈가 있었습니다. 이에 시간 데이터를 다루는 법과 시간 (GMT, UTC 등) 에 대해 알아보았습니다. GMT, UTC 1. GMT (Greenwich Mean Time, 그리니치 평균 시) GMT 의 풀 네임은 Greenwich Mean Time 으로 그리니치 평균 시 라는 뜻 입니다. 지금은 아니지만 한때는 세계 표준시 였습니다. 그리니치는 영국 런던의 템스강 남쪽에 있는 지역이라고 합니다. 왜 그리니치의 시간이 (정확히는 그리니치 천문대) 표준시였을까요? 그리니치는 경도가 0° 인 도시입니다. 1884년에 ..

[에러 해결] json data 를 import 하는 방법

에러 TypeError [ERR_IMPORT_ASSERTION_TYPE_MISSING]: Module "...myData.json" needs an import assertion of type "json" 해결 // assert 구문을 붙여준다 import myData from "myData.json" assert { type: "json" }; 출처 https://ui.toast.com/posts/ko_20211209 자바스크립트에서의 JSON 모듈 ECMAScript 모듈 시스템(`import`와 `export` 키워드)은 기본적으로 자바스크립트 코드만 가져올 수 있다. 하지만 애플리케이션의 설정을 JSON 파일에 저장하는 것이 편리할 때가 많고, 결과적으로 JSON 파 ui.toast.com ECM..