Dev

[JAVA] 간단한 java Mail 테스트 (메모장으로 메일 테스트)
들어가기 전 메일 서버 구축 후 메일을 테스트하는 과정에서 telnet으로 테스트를 하다, java 파일로 mail test파일을 만들어 두면 두고두고 사용하지 않을까 싶어 방법을 찾고 정리하고자 한다. 먼저, 나는 거창한 프로젝트가 아니라 class 하나로 구성하여 메일을 발송하고자 했고, 메모장으로 코드를 작성한 뒤 확장자를 java로 바꾸고, javac로 컴파일을 한 뒤 class 파일을 실행할 계획을 했다. 그렇다면 필수적으로 필요한 파일은 자바 메일 라이브러리 2개와, jdk가 설정되어 있어야 한다. 또한 메일을 발송하기에 메일 서버가 필요한데 보통 네이버, 지메일을 많이 이용한다. 이를 이용하려면 해당 계정으로 로그인 후 설정이 필요하다. 지메일의 경우 설정에 들어가 수준낮은 앱 로그인에 허용..

[http-server] HTML 테스트를 위한 웹 서버 띄우기 (빠르게)
들어가기 전 얼마 전, 흥미로운 글을 확인해서 로컬에서 따라해보던 중, cors오류를 만났다. cors오류는 다른 도메인에서 소스를 불러올 때 동일한 출처가 아니면 불러오지 못하게하는 오류인데 로컬에서 로컬의 모듈을 불러오는데 오류가 뜨고 있었다. 브라우저가 html에서 모듈을 불러오는거라 문제가 없어보였는데 확인해보니 이런식으로 모듈을 불러온다면 cors오류가 난다고 한다. cors 오류가 나는 이유는 동일 출처 도메인 정책으로 동일한 도메인에서 나온 리소스만 허용한다는 정책이다. 즉, 이걸 해결하기 위해선 웹서버를 구축해서 같은 도메인을 사용해야 한다는 것이다. node, vue, react 등 프레임워크를 사용하여 구현할 수 있지만 생각보다 오래걸리기에 더 빠른 방법을 찾아보다. Microsoft에..

[CSS] Web font 적용 (with. Apple SD Gothic Neo)
Font Download 사이트 (추천) 눈누 상업용 무료한글폰트 사이트 noonnu.cc Fonts - Apple Developer Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps. developer.apple.com 적용하기 폰트 파일이 있다면 프로젝트에 넣고 해당 경로를 맞춰준 뒤 설정한 font-family 이름으로 적용할 요소에서 적용한 방식으로 사용하면 된다. 폰트 파일이 없다면, 웹폰트로 사용하면 되는데 추천 사이트인 눈누에서 마음에 드는 font의 상세페이지를 들어가면 우측에 경로가 보인다. @font-face { font-family: '폰트이름'; src:..

[JS] MutationObserver - Dom의 변경 감지 (리스트 변경)
MutationObserver 페이지를 구성할 때 페이지의 요소(리스트)의 변경, 추가, 제거 등 이벤트를 감지하고 그에 맞는 함수를 추가하고 싶을 때가 있습니다. 예를 들어 상품을 보여주는 페이지를 구성 후 다음 페이지로 넘어가기 위해 ajax, axios 등 비동기 통신으로 값을 변경할 경우 기존 onload, redy 등에서 등록했던 객체의 이벤트 리스너들이 사라지거나 오류를 발생하는 현상이 있습니다. 오류까지는 아니지만 원하는 결과가 아니기에 다시 onload, redy에 사용했던 함수를 불러와 적용 시킬 수 있지만 다른 ajax나, axios 등 추가 함수를 만들게 된다면 그 때 마다 해당 함수를 추가해줘야하는 번거로움이 있습니다. See the Pen observer before by 정재준 ..