분류 전체보기220 [ PHP ] 네이버 간편로그인 회원가입 구현 , CSRF 방지 코드 추가 네이버 로그인 API 를 처음 공부하고 써보면서 완성된 코드를 공유합니다. php 를 사용한 웹 애플리케이션을 위한 코드입니다. 공식 가이드와 함께 비교하며 참고해주세요 네이버 developers 로그인 구현 : https://developers.naver.com/docs/login/web/web.md Web 애플리케이션 - LOGIN 네이버 로그인은 서버 사이드 언어인 PHP나 Java로 개발한 웹 애플리케이션에도 적용할 수 있습니다. 또한 프런트엔드에서 사용하는 JavaScript를 사용해도 적용할 수 있습니다. API 호출 예제 예제 developers.naver.com 1.애플리케이셔 등록 - 위 사이트에서 애플리케이션 등록을 통해 리디렉트 url 과 수집정보, 약관 정보 등의 설정이 필요합니다... 2022. 10. 30. 자바스크립트 기본 자바스크립트를 쓰는 이유 알기 자바스크립트 (naver.com) 자바스크립트 우리가 매일 접속하는 웹사이트는 크게 3가지 요소로 구성된다. ‘HTML(Hyper Text Markup Language)’, ‘CSS(Cascading Style Sheets)’, ‘자바스크립트(Javascript)’다. HTML은 웹페이지의 큰 뼈대를 제공하고, CSS terms.naver.com 웹페이지에서 자바스크립트의 역할 1. 마우스와 키보드의 입력 등의 이벤트 처리 2. 동적으로 웹페이지 내용, 모습을 제어 3. 브라우저 창 제어 4. 웹서버와 통신 자바스크립트와 ajax 의 관계 Ajax 에이작스란 '비동기식 자바스크립트 XML' 의 약자로 , 자바스크립트를 활용한 비동기 통신으로 클라이언트와 서버간에 XML 데이.. 2022. 7. 3. JSP 초기설정 개발환경 jdk- 오라클에서 다운로드 후 설치 (프로그램파일 폴더 아래 설치함 ) 이클립스 자바 se 톰캣 -> 공식 사이트에서 8.5.64버전 core 다운로드 (64비트 로 받음 ) --> 톰캣서버 실행법 코드입력 또는 -- 톰캣 폴더 안의 bin/startup.bat 파일 실행 http://localhost:8080/ 로 들어가면 실행 여부 확인 가능 환경변수 설정 JAVA_HOME C:\Program Files\Java\jdk1.8.0_291 이클립스 다운로드 윈도우 jre 64 (엔터프라이즈 버전 다운) =====>> 개발 target runtime을 아파치 톰캣으로 하는데 버전은 상관없다 - -(없을 시 new 하여 아까 다운받은 톰캣 폴더 경로 지정) -(jre 도 새로 추가 하는 과정 거침.. 2022. 6. 18. Swiper 라이브러리를 사용하여 js 스와이프 구현하기 cdn 형식으로 Swiper 를 불러와 사용 Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 공식문서 Swiper - The Most Modern Mobile Touch Slider (swiperjs.com) 2022. 4. 20. 뷰.js 개발 환경 1. 크롬 2. 노드 js Node.js (nodejs.org) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 3. 뷰js devtools Vue.js devtools - Chrome 웹 스토어 (google.com) Vue.js devtools Chrome and Firefox DevTools extension for debugging Vue.js applications. chrome.google.com 2022. 3. 13. HTTP 상태 코드 - 오류 메시지 파악하기 클라이언트측에서 서버에서 응답온 오류를 처리하기 위해선 404 200 등 상태코드를 파악할 필요가 있다. 아래 내용을 참고하자 HTTP 상태 코드 - 위키백과, 우리 모두의 백과사전 (wikipedia.org)Node.js (nodejs.org) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2022. 1. 29. 인풋태그 패스워드 타입 "눈" 감추기 input 태그의 password 타입에서 나오는 요 눈 버튼을 감추는 방법 css 설정에 아래 내용을 추가하면 된다 input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear { display: none; } 참고: html - How to hide the eye from a password input in MS Edge and IE - Stack Overflow How to hide the eye from a password input in MS Edge and IE I now found an answer: It just works when I add display: none !important;. I dont know, what ex.. 2022. 1. 17. 깃 사용법 * 개인용도로 메모장에 작성하여 다소 보기 불편할 수 있습니다 깃 사용법--- (개발환경 터미널에서 진행) --------------------------------- 폴더 생성 mkdir 이름 원하는 폴더내로 이동 cd 폴더 -------- 깃 저장소 로컬로 복사 깃 클론 주소 --------- ------------------ 제일 먼저 깃에서 초기화 필요 깃 초기화 하기 "git init" ------- 오리진이란 별칭으로 저장하는걸 리모트 설정이라 한다 리모트 에 '오리진'으르 저장 하고 주소 연결 " git remote add origin(별칭) 깃헙에서 가져온 주소 " 내컴과 외부저장소 연결 git remote add origin 이름 "깃 리모트 -v" 하면 리모트 설정에 연결된걸 목록 확인.. 2022. 1. 15. 삼성 usb 드라이버 설치 링크 https://developer.samsung.com/android-usb-driver Samsung Android USB Driver | Samsung Developers You need the driver only if you are developing on Windows and want to connect a Samsung Android device to your development environment over USB. developer.samsung.com 개발환경과 삼성폰을 연결할때 필요합니다 USB 연결 설정도 확인하세요 폰을 USB 케이블로 연결한 후, 폰의 알림 창에서 USB 연결 옵션을 확인하세요. "파일 전송(Transfer files)" 또는 "미디어 전송(Media transfe.. 2022. 1. 9. 유니티 게임엔진 프로그램 다운로드 아래 링크의 공식 유니티 사이트에서 다운로드 하게 됩니다 https://store.unity.com/kr#plans-individual 게임 및 모바일 앱의 크로스 플랫폼 개발을 위한 강력한 2D, 3D, VR 및 AR 소프트웨어를 제공합니다. 크로스 플랫폼 기능이 필요한 2D, 3D, VR, AR 프로젝트를 진행하셔야 하나요? 취미 개발자부터 전문 개발자 및 기업 비즈니스에 이르기까지 Unity가 도와드리겠습니다! Unity 실시간 개발 플랫폼에 대 store.unity.com 각 플랜별 차이를 확인하고 파란버튼을 누릅니다 학생용 과 personal 에디션은 무료이지만 유니티 로고를 지우지 못하는 등의 제약이 있습니다. 유니티 계정 가입이 필요합니다 허브 설치후 로그인하면 안내에 따라 자연스럽게 에디터.. 2022. 1. 7. 이전 1 2 3 4 5 6 ··· 22 다음
