본문 바로가기
728x90
반응형

분류 전체보기330

주소 API 연동 1) Daum Postcode Service User Guide_우편번호찾기_기능구현시_웹서버구동필요함 https://postcode.map.daum.net/guide#usage Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 예제1) 팝업을 이용하여 도로명 주소와 지번주소 모두 보여주기 code 복사 body에 코드 붙여넣기 예제2) ! : not != : 같지 않다면 //패스워드 확인용 자바 스크립트 소스 코딩 function passwordChk(){ var password01 = document.getEleme.. 2023. 8. 4.
LANDING PAGE 구현 ※ Full Screen Landing Page 구현 1. Full Screen Landing Page 구현 : 이미지 파일 용량 줄이기(최적화) landing page 구현시 용량은 적은 이미지를 활용한다! Front-End 웹 Landing Page 구현 시 이미지 파일의 용량이 크면 자칫, 웹사이트 구동에 시간이 걸릴 수 있습니다. 그렇기 때문에, 다음과 같은 이미지 파일 용량을 줄여주는 최적화 웹 사이트를 활용하는 것도 필요합니다. [이미지 파일 용량 줄여주는 최적화 웹사이트 : TinyPNG – Compress WebP, PNG and JPEG images intelligently] https://tinypng.com/ [실습 확인] test.JPG(약 1.8MB) 파일의 용량을 TinyPNG .. 2023. 8. 4.
[JAVASCRIPT] AJAX _2 ajax 통신활용 1. HTML 데이터 data.html 파일 새로만들기 id result 안에 html 형식이 들어온다. 프론트 웹에서는 .txt 파일은 문자열을 로우데이터로 불러오고 , 이번에는 html 형식을읽어오는 것이다. 검사창에서 HTML데이터 클릭하면 KBS URL 이 없다가 나타난다. 문자열 데이터 HTML 데이터 data2.html KBS 한국방송공사 2. XML 데이터 xml은 대소문자를 구분한다. xml은 태그(묶어주는 태그, 기준)가 꼭 있어야한다. 웹으로 되어있고 형식이 자유롭다 url: "data3.xml" 와 같은 이름으로 data3.xml 파일을 새로 만든다. append : 기존에 데이터에 추가된다. 문자열 데이터 HTML 데이터 XML 데이터 문자열1-1 문자열1-2 문자.. 2023. 8. 3.
[JQUERY] 플러그인 PLUG IN 01 JQUERY UI jQuery UI jQuery UI jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQue jqueryui.com _draggable 뷰소스에서 들어가야할 부분 복사해서 붙여넣기 파일형식에 맞게 수정한다. 아이디를 클래스형식으로 바꾸고 이름 변경 드래그가 잘 된다. _d.. 2023. 8. 2.
[JAVASCRIPT]DOM 자바스크립트 기술에 대해 알 수 있는 사이트 https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org DOM (Document Object Model) HTML 또는 XML document와 상호작용하고 표현하는 API입니다. DOM은 browser에서 로드되며, 노드 트리(각 노드는 document의 부분을 나타냅니다)로 표현하는 document 모델입니다(예, element, 문.. 2023. 8. 2.
JAVA 설치 / 아파치 톰캣 JAVA8JAVA 설치자바 설치완료 후 컴퓨터에 설치되었는 지 확인하기CMD > java -version 아래 처럼 뜨면 설치 완료됨windows + r > sysdm.cpl: 시스템 속성 실행 > 고급 > 환경변수 > 새로만들기 > windows + R  > CMDjava -version [엔터] javac-version[엔터]자바 설치 완료! 아파치 톰캣 아파치 톰캣은 웹 서버와 연동하여 실행 할 수 있는 자바 환경을 제공해서 JSP(java server page)와 자바 servlet이 실행할 수 있는 환경을 만들어주고있다.  아파치톰캣은 자바를 먼저 깔고 설치해야함 설치 후에 하단메뉴표시줄에 오른쪽 configure 클릭  stop 선택 Java, Apache Tomcat 환경 변수 설정자세히보기.. 2023. 8. 1.
728x90
반응형

티스토리툴바