천천히 차근차근

😃 아래 코드는 내가 직접 테스트하면서 사용한 소스이다. 주소찾기 api는 팝업, iframe 등으로 구현이 가능하다. html파일을 한개 만들어 소스를 그대로 저장하고 실행시켜도 주소찾기가 실행된다. 아직 입력 받은 값을 저장하는 작업은 하지 않았지만 업무상 진행 계획이다. 다음 주소 찾기 api를 제공하는 카카오 사이트 링크이다. http://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 위의 링크를 참고해서 추가 작업을 해보자. 카카오 주소찾기 API 연습용 코..

jquery 클래스 클릭 이벤트(class click, 한개만 선택, 선택 외의 요소에게 css 다르게 적용) See the Pen jquery 클래스 클릭 이벤트(class click, 한개만 선택) by hyeryeonkim (@khr777) on CodePen.

this, not() jquery 의 this와 not() 함수를 활용하여 구현 See the Pen by hyeryeonkim (@khr777) on CodePen.

🎁 카카오톡 지도 api 사용법! 일단 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 여기로 접속하도록 하자! 개발자 계정을 만들어준다. 개발자 도구를 사용하기 위한 선 과정은 구글 검색을 하면 많이 나온다! 카카오톡 문서의 '지도'로 접속하자! https://apis.map.kakao.com/ 위 링크로 접속하면 카카오톡 지도를 사용할 수 있는 자세한 방법이 나와있다. 마커까지 사용할 수 있는 다양한 방법이 제공되고 있으니 필히 참고하도록 하자! 사용법을 참고할 수 있는 링크 https:/..

.side_bar_box { top: 0; left: 0; right: 0; bottom: 0; display: flex; z-index: 999; position: fixed; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: transparent; transform: translate(-100%); transition: transform 0.2s; }transform: translate(-100%) 의미 : left에서 완전히 사라진다. JS $(function(){ $('.css-cnrrzv').click(function(){ //$(..

🛹 CSS, jQuery 가져오기 🍎 정해져 있는 html 태그 클래스명을 맞춰서 만들어주어야 한다.(클래스명 변경 불가) script const swiper1 = new Swiper('.swiper1', { //기본 셋팅 //방향 셋팅 vertical 수직, horizontal 수평 설정이 없으면 수평 direction: 'horizontal', //한번에 보여지는 페이지 숫자 slidesPerView: 1, //페이지와 페이지 사이의 간격 spaceBetween: 0, //드레그 기능 true 사용가능 false 사용불가 debugger: true, //마우스 휠기능 true 사용가능 false 사용불가 mousewheel: true, //반복 기능 true 사용가능 false 사용불가 loop: t..

slick slider 참고 사이트 여러개 https://tony-study.tistory.com/41?category=311797 slick 슬라이더 CSS .product {width: 1048px;margin: 0 auto;} // 전체적인 width 설정 .product .slick-prev.slick-arrow {position: absolute;left: -85px;top: 50%;transform: translateY(-50%);background: url(/img/bx_left.. tony-study.tistory.com https://m.blog.naver.com/ka28/221999891981 [JQuery] slick slider 라이브러리 사용법 우리가 홈페이지를 만들다 보면 슬라이..

https://ossam5.tistory.com/148 [jQuery] 웹사이트에 사용가능한 슬라이더(Slider) 8가지 모음 제이쿼리 혹은 자바스크립트로 구성된 슬라이더 관련 플러그인을 알아보겠습니다. 1. SwiperJS - 주소 : swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile to.. ossam5.tistory.com

😎입력 모드 전환키 기초 종류 ✅ a, A a(append)는 현재 커서 위치에서 한 칸 뒤로 이동한 후 입력 모드로 전환된다. A는 현재 행의 끝으로 이동한 후, 입력 모드로 전환된다. ✅ i, I i(insert)는 현재 커서 위치에서 입력 모드로 전환된다. I는 현재 행의 맨 앞으로 이동 후, 입력 모드로 전환된다. ✅ o, O o(open line)는 현재 행 아래에 새로운 행을 하나 만든 후 입력 모드로 전환된다. O는 현재 행 위에 새로운 행을 하나 만든 후 입력 모드로 전환된다. ✅ R 수정(replace) 모드로 작동하므로 모든 글자는 덧쓰여진다. 📌 강제로 명령하기 ! 명령어 뒤에 느낌표 붙이기. ✅ 파일 생성 touch empty.txt touch 명령어 사용 ✅ 파일 덮어쓰기 편집창에..

😃 Vim 기초 📌기본 명령어 파일 저장하기 : :w 종료하기 : :q 커서 이동 : h,j,k,l 삭제 : x, dd, J 복사 : yy 붙이기 : p 명령어 취소 : u 범위 지정 : v 📌다른 이름으로 저장하기 :w 다른이름.txt 📌다른 이름으로 저장할 때, 경로 지정하기 :w ../newFile.txt

😣 리눅스 또는 유닉스에서 명령어 편의를 위해서 alias를 설정할 수 있다. (로그인할 때마다 설정해주어야 하는 방법) alias vi=vim 위와 같이 명령어하면 vi 대신 vim이 실행되는 alias가 설정된다. 현재 alias 설정 상태를 확인하는 방법 alias alias라고만 입력해도 아래와 같이 현재 설정된 alias 들을 확인할 수 있다. vi alias 하지만, 리눅스에서 alias설정을 해주지 않고 vi라고 명령어를 입력해도 vim이 실행되는 것을 확인할 수 있었다. 😎로그인 후에도 자동으로 alias를 설정되게 하는 방법 셀의 환경설정 파일을 수정해주면 된다. vim /root/.bashrc 위와 같이 # User specific aliases and functions 아래 부분에 a..

😏Vim 다운로드 또는 업그레이드 하는 방법 먼저 설치를 하기 위해서는 root 계정으로 변경을 해주어야 한다. su - 또는 su 위와 같이 입력하고 root 계정 비밀번호를 입력해주면 root계정으로 변경을 할 수 있다 yum install vim-enhanced root계정으로 위의 명령어를 입력하면! vim을 다운로드 받을 수 있다. 만약 vim이 이미 설치되어 있다면 최신 버전으로 업그레이드를 해주는 명령어이다. 🎅나의 경우는? 이미 vim이 설치되어 있기도 했고, 버전도 최신 버전으로 아무 작업을 하지 않은 것을 아래 이미지를 보면 확인할 수 있다.

▶ 1. root 비밀번호를 먼저 변경하여 준다. #sudo passwd root ▶ 2. sshd_config 설정정보 변경 #sudo vi /etc/ssh/sshd_config :set nu 를 입력하여 보기 좋게 라인수 표시. 38 라인의 "PermitRootLogin yes" 부분의 주석을 해제하고 저장 (:wq) ▶ 3. 루트 경로에 .ssh 경로를 생성하여 준다. #sudo mkdir /root/.ssh 나와 같은 경우는 이미 디렉토리가 있어 생성되진 않았다. ▶ 4. ec2유저의 인증키를 root로 복사한다. #sudo cp /home/ec2-user/.ssh/authorized_keys /root/.ssh ▶ 5. sshd를 리스타트 한다. #sudo systemctl restart ssh..

😣 아래 명령어를 입력하면 root 비밀번호를 변경할 수 있다. sudo passwd root New password : 입력 Retype new password : 입력

- vim 참고 사이트 http://insightbook.springnote.com/pages/7353371 - Vim 공식 사이트 http://www.Vim.org welcome home : vim online www.vim.org - Vim 문서 프로젝트 http://Vimdoc.sourceforge.net Vimdoc : the online source for Vim documentation Vimdoc.sourceforge.net - Vim 한국 사용자 위키 http://www.joinc.kr/modules/moniwiki/wiki.php/Site/Vim - Vim 팁을 모아둔 위키 http://Vim.wikia.com/wiki/Vim_Tips_Wiki Vim Tips Wiki Browse the..

네이버 카페에 대문글을 작성할 때, html에는 img map이 적용되지 않는다. 추가로 네이버는 XXS를 방지하기 위해서 스크립트 사용을 금지하고 있었다. 참고하자! XXS(Cross-site Scripting란? SQL injection과 함께 웹 상에서 가장 기초적인 취약점 공격 방법의 일종으로, 악의적인 사용자가 공격하려는 사이트에 스크립트를 넣는 기법을 말한다. 공격에 성공하면 사이트에 접속한 사용자는 삽입된 코드를 실행하게 되며, 보통 의도치 않은 행동을 수행시키거나 쿠키나 세션 토큰 등의 민감한 정보를 탈취한다. 크로스 사이트 스크립팅이란 이름 답게, 자바스크립트를 사용하여 공격하는 경우가 많다. 공격 방법이 단순하고 가장 기초적이지만, 많은 웹사이트들이 XSS에 대한 방어 조치를 해두지 않..

window key + R -> cmd -> netstat -ano 결과에서 3306포트가 사용중인 PID를 찾는다. window 10 기준 작업관리자에서 세부정보 탭을 누른 후 PID가 같은 것을 찾아보면 아마도 mysqld일 것이다. mysqld.exe 프로세스를 종료한다! 다시 XAMPP 에서 MySQL를 실행하면 된다. 물론 포트가 3306이여야 한다. 포트가 겹친다면 config 눌러서 my.ini에 들어간다. Ctrl + F 를 이용하여 Port를 찾아서 값을 3307로 임시로 바꾼다. client, mysqld 2개가 있다. 모두 바꿔준다. 재실행! 나의 경우는 3번까지 시행했을 때, XAMPP가 제대로 작동했다 ㅎㅎㅎㅎ 꿀 정보🍎

h1 태그 사용 횟수 h1 태그는 제일 큰 제목으로 한 페이지에서 한 번만 쓰인다. html에서 &(and) 사용법 &(and)는 코드에서 사용되는 것으로 오류가 날 수 있기 때문에 html 에서는 & amp;를 입력하여 사용한다. &만 입력해도 오류가 발생하지 않기도 하지만, 웹 표준에 맞춰 입력을 해주도록 한다. display 속성 block : 한 줄을 다 잡아 먹는다. inline : padding, margin이 적용되지 않고 요소들을 옆으로 나열한다. inline-block : padding이 적용되지만 margin은 적용되지 않는다. float: right; float: right; 를 사용하게 되면 좌, 우가 바뀌게 되는 문제가 발생한다. 이를 참고하여 display: inline-bloc..