본문 바로가기

BLOG

(47)
emailJS로 서버없이 메일전송 만들기1 contact us에 메일전송 받고 싶은데 서버가 없으신 분들에게 많은 도움이 되는 글입니다. 단점은 무료 사용자는 월200건의 메일전송할 수 있다는 점(?)인데요. 그래도 포폴사이트 만드는 분들께는 많은 도움이될 것 같아요! (인기 스타가 아닌 이상은 200건의 메일이 오진 않겠죠..?) php jsp asp, nodejs....등등등 서버 언어를 통해 이메일 전송폼을 만들죠. 하지만.. 서버언어 1도 모르고.. 메일은 받고싶고... 카페24나 고도몰 같은 곳 이용하기는 싫고.. 이 글에는 서버가 없어도! 퍼블리싱으로만 메일 전송 가능하다는 것을 알려주고싶은 글입니다! (희망의 글이죠 ㅎㅎ) 자바스크립트로만 이메일 폼 만들기 emailJS에 회원가입 해주세요. - https://www.emailjs.c..
eclipce(이클립스) 텍스트 인코딩 UTF-8로 변경하기 설치하고 파일을 생성하면 UTF-8이 아니라 EUC-KR이다. 매번 생성할 때 마다 변경하는것도 귀찮고... 변경해도 오타내면 큰일나고... 처음부터 이클립스 내에 설정에서 바꿔야 한다. window - preferences 들어간다. general - workspace에서 인코딩 변경한다. (apply 꼭 눌러주자) general - content types에서 java class file UTF-8로 적고 update . general - content types - text 에서 jsp도 UTF-8로 적고 update . 다음에는 web - html/css/jsp도 UTF-8로 변경하고 apply 누른다. 마지막으로 닫을 때 apply and close를 누르면 끝!
vscode 추천 확장 프로그램 그냥 사용해도 vscode는 매우 우수한 프로그램이다. 하지만 더 편하고 빠르게 코딩하기 위해서 확장 프로그램을 다운 받는 것이 좋다. 사용하면서 편했던 플러그인 들을 소개합니다. Auto Rename Tag 태그 네임 변경해야하는데 닫는 태그 찾기 귀찮을 때 같이 변경되어서 편해요. (가끔 안먹힐 때도 있으니 확인 꼭 해야해요!) Active File In Status Bar 프로그램 왼쪽 하단 상태바에 작업중인 파일 경로를 표시해줍니다. Bracket Pair Colorizer 괄호 안에 괄호 색상 구분해주는 플러그인 입니다. Color Highlight 기본 색상도 있지만 한눈에 보기 쉽게 색상표현해줌 Color Info 포토샵이 있다면 딱히 필요하진 않는데, rgb와 hex 값을 같이 볼 수 있어..
jdk설치 이클립스를 설치했으면 jdk도 설치해야 한다. 오라클 홈페이지 들어간다. 편하게 링크타고 가세요! https://www.oracle.com/technetwork/java/javase/downloads/index.html Java SE - Downloads | Oracle Technology Network | Oracle Which Java package do I need? Software Developers: JDK (Java SE Development Kit). For Java Developers. Includes a complete JRE plus tools for developing, debugging, and monitoring Java applications. Administrators runn..
이클립스 설치 이번에 회사에서 사이트 하나 스터디 겸 개발해보라 해서 개발 1도 모르는 내가 개발하게 되었다. 언어는 사수가 바로 도와줄 수 있은 언어로 정했다. 이클립스 설치 이클립스 본 사이트에 들어가면 저 Download Packages로 들어가면 된다. 하지만 나는 친절하니 링크 걸어둡니다. https://www.eclipse.org/downloads/packages/ Eclipse Packages | The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source pro 438 MB 5,838 DOWNLOADS The Modeling package provides tools and ru..
SASS(SCSS) 시작하기 - VS CODE설치 및 셋팅 내가 사용하는 에디터는 비주얼 스튜디오 코드, 텍스트 에디터를 많이 사용해봤지만 vscode가 제일 편하다. Visual Studio Code 웹 사이트에 들어가서 다운로드한다. https://code.visualstudio.com/ 이미 설치되어 있는 상태이므로 ㅠㅠ 설치 과정은 없습니다. 다운을 받았으면 영문으로 받아졌을 겁니다. 하지만 저는 영어울렁증이 있으므로 한국어 패키지를 다운로드할 것입니다. 전 이미 설치해놨어요 ㅎㅎㅎ korea만 쳐도 나옵니다. install 하신 후 다시 키면 한국어로 짠! 하고 바뀌어져 있습니다. 음 sass 확장 프로그램 설치하기 전, 제가 사용하는 테마가 궁금하실 수도 있으니 알려드리겠습니다. sass 설치 과정을 기록하려고... 테마와 한국어 패키지만 받아놨어요...
SASS(SCSS) 시작하기 - 설치편 CSS를 사용하면서 수정사항이 발생할 때, 하나하나 하드코딩을 해야 해서 답답했다. SASS를 사용하면 개발언어처럼 변수에 색상코드를 담거나, 폰트 사이즈를 빠르게 바꿀 수 있다는 소리를 들었지만 막상 설치부터 두려웠었지만 너무 익숙해져 버렸다. 이제는 SASS 없이 사용하면 다소 답답함이 생긴다. 루비 설치하기 ( https://rubyinstaller.org/downloads/ ) SASS를 사용하려면 루비가 설치되어있어야 한다. 맥은 기본적으로 루비가 설치되어 있다고 들었지만 윈도우는 아니기에 설치해준다. 저는 데이브 킷 없는 것으로 설치했습니다. Next 클릭 경로 설정은 원하는 곳에 설치해주시면 됩니다. 패스 설정과, UTF-8 인코딩으로 하기로 저는 설정했습니다. Install 클릭 설치 중...