전체 글(50)
-
한영 전환방법
1.스크립트 부분입니다. function changeToggle(form) { if(form.box.style.imeMode == "active") form.box.style.imeMode = "inactive"; else form.box.style.imeMode = "active"; } 2. 적용 부분입니다.
2019.06.05 -
자바스크립트 KeyCode 표
================================================================= 키 | 코드(숫자) ================================================================= ←(백스패이스) = 8 TAB = 9 ENTER = 13 SHIFT = 16 CTRL = 17 ALT = 18 PAUSEBREAK = 19 CAPSLOOK = 20 한/영 = 21 한자 = 25 ESC = 27스패이스 = 32 PAGEUP = 33 PAGEDN = 34 END = 35 HOME =36←(중간) = 37 ↑(중간) = 38 →(중간) = 39 ↓(중간) = 40INSERT = 45 DELETE = 460 = 48 1 = 49 2 = 50 ..
2019.06.05 -
블로그에 광고 붙이기! (feat. Google AdSense)
이래저래 생활하다보니 블로그에 광고를 붙여서 부가적인 수입을 챙기시는주변 분들이 많이들 보이게 되더라구요 약소하고 빈약하고.. 아직 제대로 갖춰지지 않은 블로그지만 저도 운영을 하기에'1년에 커피 몇잔은 먹을 수 있겠지?' 란 꿈을 꾸며 저도 AdSense를 붙여보게 되었습니다 ㅎㅎ 겸사겸사 이 과정을 포스팅 해볼까 하네요.. ㅎㅎ 1. Google AdSense 접속하기 https://www.google.co.kr/adsense/start/#/?modal_active=none에 접속하게 되면 상단의 화면을 보실 수 있으실거에요. 2. 가입하기가입하기 버튼을 눌러 다음 절차를 진행하게 되면 아래와 같은 화면을 마주하게 되실거에요 여기서 광고를 붙일 사이트의 URL 과 등등의 정보를 입력합니다.(저는 제 ..
2019.06.05 -
자바스크립트 코드에서 breakpoint 잡기 - debugger 문
최근 자바스크립트는 웹 프로그래밍에서 보조 수단을 넘어서 비즈니스 로직의 일부를 포함하는 중요한 위치에 있습니다. 최신 브라우저 들은 저마다 개발자 도구를 지원하여 개발의 편의를 제공하고 있어서 이 전 보다는 개발 및 디버깅이 훨씬 수월해 져서 그나마 다행이긴 합니다. 브라우저의 개발자 도구를 통해 디버깅 시 breakpoint 를 걸 수 있는데 개발자 도구에서 자바스크립트 소스를 찾아 breakpoint 를 걸기가 때로는 불편하기도 합니다. 이 때는 아래와 같이 코드에 직접 삽입을 하고 개발자 도구를 띄운 상태에서는 자동으로 "debugger" 문에 breakpoint 가 걸리게 됩니다. 개발자 도구가 떠 있지 않다면 무시가 됩니다. 적절히 활용하시면 유용하리라 생각되어 올립니다. for(i = 1; i
2019.06.05 -
SI 탈출기
글귀가 너무 좋아 퍼오게 되었네요.. 출처 : http://blog.hwang.gg/20190508/ SI 탈출 가이드저의 사수는... 윌슨이었습니다. 상상 속에만 존재했거든요..그간 힘들고 외로웠습니다. 6년의 SI, SM시장 생활을 청산할 수 있었던 비법아닌 비법을 정리합니다.TL;DR1. 사람들을 만나본다.2. 현재 직무와 상관 없는 서적이나 블로그 등을 꾸준히 본다.3. "어떻게든" 시간을 내서 "어떻게든" 새로운 기술을 습득한다.4. 코드나 블로그 등을 정리해 "자산화" 한다.1. 사람들을 만나본다.SI 시장에는 제대로 된 멘토가 없다고 단언합니다. 대부분 SI 동네의 시니어들은 커리어나 처우 때문에 고민 중인 사람 설득해서 퇴사 못하게 하는게 일반적입니다.같은 우물 속에서 살아가는 개구리는 다..
2019.06.05 -
STS 를 통한 SpringBoot 프로젝트 구성하기 (3)
지난번에 만들어둔 프로젝트를 기반으로 back-end 부분을 간략하게 구현해보고자 합니다.프로젝트의 전체적인 구조는 아래의 사진을 참고해주시면 될 거 같네요 구현해보고자 하는것은 크게 컨트롤러, db연동(My-SQL), 화면 으로 기본적인 MVC 패턴으로 간략하게 시작해보려고 합니다.본격적으로 작업에 들어가기에 앞서 pom.xml 을 열어 추가해야 할 항목들을 추가해주도록 합니다.참고로 My-SQL 설정에 있어 설치되어 있는 DB 버전과 아래의 dependency 추가 부분이 다를 경우 에러가 발생하니 맞춰주도록 합니다. javax.servlet javax.servlet-api 3.1.0 provided org.apache.tomcat.embed tomcat-embed-jasper 9.0.8 org.sp..
2019.06.05 -
STS 를 통한 SpringBoot 프로젝트 구성하기 (2)
STS 설치가 끝났으면 이제 신규 프로젝트를 생성해보도록 하죠. 이후 이를 바탕으로 각종 API 를 만들고 DB에 접속하고 하는 등의 과정을 풀어나가보도록 할게요. 1. 프로젝트 생성 (1) File > New 에서 Project... 를 선택합니다. (2) Spring Boot 라는 항목을 선택, Spring Starter Project 를 선택합니다. (3) 새로 생성할 프로젝트의 이름을 설정해주시고 Next! (4) 이후 사항들은 별다른 변경사항 없이 Next 누른 후 최종적으로 Finish를 눌러 프로젝트를 생성해줍니다. (5) 프로젝트가 생성된 모습입니다. 2. 기본 생성된 파일 설명 위 과정을 거쳐서 프로젝트를 생성(Wizard 를 이용한 프로젝트 생성)하고 나면, 몇 개의 파일들이 기본적으로..
2019.06.05 -
STS 를 통한 SpringBoot 프로젝트 구성하기 (1)
Spring 은 최근 가장 많이 사용하는 서버 프로그래밍 프레임워크 중 하나입니다. Spring 은 웹 서비스를 만들기 위한 프레임워크이기 때문에 보통은 Tomcat 을 설치하고 그 위에 띄우게 되는데 이 과정에서 복잡한과정을 비교적 쉬운 방법으로 개발할 수 있게 해주는 것이 SpringBoot 입니다. 최근에 SpringBoot 환경에서 개발해야 할 사항이 생겨 이 기회에 간략하게나마 정리해보고자 합니다. 1. Java 설치기본사항으로 Java를 설치해야 합니다. 관련된 글은 기존에 적어놓은 것이 있기에 간략하게 설명을 적고자 합니다.(1) oracle 의 Java 다운로드 페이지 에서 자신이 사용할 Java 버전 및 OS에 맞는 버전을 받고 설치를 합니다.(2) 이후 환경변수 셋팅을 해주어야 합니다...
2019.06.05 -
3. Github 사용하기 - source commit 및 원격 repository 에 등록하기
이제 얼추 git을 사용하기 위한 환경설정이 완료되었으니 구체적인 사용법에 대해 알아보고자 합니다. 1. git 설치 후 확인하였던 'git bash' 를 실행합니다. 2. git bash의 실행화면 입니다. git bash는 리눅스 명령어를 기본으로 하기에 리눅스를 다뤄보셨다면 사용하시는데 훨씬 수월하실 거 같네요. 3. git bash 를 실행하고 가장 먼저 해야할 작업입니다. 바로 사용자 정보를 입력하는 것이죠. 아래를 참고하여 사용자를 등록합니다.- git config --global user.name "사용자이름"- git config --global user.email 메일주소 4. 이제 사용자를 등록했으니 자신의 프로젝트를 등록할 차례입니다. 저 같은 경우에는 미리 만들어둔 spring pr..
2019.06.05 -
2. Github 사용하기 - 사이트 가입 및 Repository 생성
github를 사용하기 위한 최소한의 작업이 끝났으니 이제 본격적으로 사용해보고자 합니다. 1. https://github.com 에 접속을 합니다. 2. 접속을 한 후 회원가입 절차를 진행합니다. 회원가입이 되어 있다면 넘어가셔도 됩니다 github은 기본 정책이 public 으로 되어 있으며 일정 금액을 내어야지마 비공개 저장소로 운영이 가능하다고 하네요 3. 회원가입이 다 되었다는 가정하에 로그인을 하면 다음과 같은 화면이 나오게 됩니다. 4. start a project 를 누른 다음 아래와 같은 형식으루 입력을 한 후 create repository 를 눌러 다음 화면으로 넘어갑니다. 각 항목들의 의미는 다음과 같습니다.- Owner : 소유자 , 회원가입 시 입력한 Username 이 입력되어..
2019.06.05