분류 전체보기407 프론트엔드5-1. jquery의 기초와 선택자-1 제이쿼리(jQuery) 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스, 이벤트 기반의 자바스크립트 라이브러리 제이쿼리를 이용하면 문서 객체 모델(DOM)과 이벤트에 관한 처리를 손쉽게 구현할 구 있다. jquery는 자바스크립트가 있는 곳에 기술, jquery는 항상 제일 마지막에 실행된다!! jquery 주소 복사해서 " target="_blank" rel="noopener">https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"> 넣어놓기\ 5. 자동으로 HTML 실행할 때마다 jquery 소스 파일만 뜸 jquery 구현 실행문 jquery는 현재페이지가 로딩이 완료되면 ready이벤트가 발생하고, ready 이벤.. 2022. 2. 15. 프론트엔드4-5. google map api 사용-2(geocoding) 지오코딩(geocoding) 역지오코딩(Reverse geocoding) - 사람이 읽을 수 있는 주소를 지리적 좌표(경도, 위도)로 변환하는 것 - 지리적 좌표(경도, 위도)를 사람이 읽을 수 있는 주소로 변환하는 것 1. HTML 파일 2. JS파일(googleMap1.js) 1. 지도의 표시 초기값을 넣을 함수 생성 let latitude; // 위도 let longitude; // 경도 let addr; // 찾으려는 곳의 이름 let homePage; // 찾으려는 곳의 웹사이트 let popImg; // 찾으려는 곳의 이미지 function mapInitial() { // 초기값 넣기 latitude = 37.5729503; longitude = 126.9793578; addr = ['서울 선.. 2022. 2. 15. 프론트엔드4-4. google map api 사용-1 구글 맵 api 불러오기 (키가 필요) 함수이름 뒤에 ®ion=kr"을 적어야 한다. 안그러면 일본해(동해)로 표기된다. callback 함수: 나중에 호출되는 함수(로딩이 끝나면 자동으로 호출되는 함수)-> 특정함수에 전달되어 특정함수가 어떤 조건에 의해 호출하는 함수 1. HTML 파일 는 div보다 더 뒤에 적어야 한다.(그래야 실행됨) 2. JS 파일 (googleMap1.js) 1. 지도의 표시 위치를 위도, 경도 값으로 설정하고 initMap 함수 작성 let latitude = 37.5729503; // 서울시청의 위도 let longitude = 126.9793578; // 서울시청의 경도 let map; // 다른곳에서도 사용(구글 맵 객체를 전역변수로) function initMa.. 2022. 2. 14. 스택/큐 프린터 https://programmers.co.kr/learn/courses/30/lessons/42587 코딩테스트 연습 - 프린터 일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린 programmers.co.kr PriorityQueue(우선순위 큐) Queue인터페이스의 구현체 중 하나로, 저장 순서와 상관없이 우선순위가 높은 것부터 꺼내진다. 우선순위 큐는 숫자가 작은 요소일 수록 높은 우선순위를 매긴다.(숫자가 작을 수록 먼저 출력) 생성자에 각 요소의 우선순위를 비교할 기준인 Comparator를 매개변수로 전달하면 우선순위 판단 기준을 변경할 수 있다. 1. Pri.. 2022. 2. 14. 스택/큐 기능개발 https://programmers.co.kr/learn/courses/30/lessons/42586 코딩테스트 연습 - 기능개발 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 programmers.co.kr import java.util.Queue; import java.util.LinkedList; import java.util.ArrayList; import java.util.List; class Solution { public int[] solution(int[] progresses, int[] speeds) { Queue queue = new Link.. 2022. 2. 13. 프론트엔드4-3.[javascript] 정규표현식을 이용한 유효성 검사 정규표현식(Regular Expression) 문자열의 특정 패턴을 찾을 수 있는 문법 처음과 끝을 '/'로 감싼 정규식 정규식의 특수문자 [ ] 문자셋(Character Set) 문자셋 안에 -(hyphen)을 이용해 범위를 정해줄 수 있다. ^ 입력의 시작, 문자열의 시작을 알려주는 특수문자 $ 입력의 끝, 문자열의 끝을 알려주는 특수문자 + 앞의 표현식이 1회 이상 반복됨을 나타내는 특수문자 {1,} * 앞의 표현식이 0회 이상 반복됨을 나타는 특수문자 {0,} {n , m} 앞의 표현식이 길이 검증할 때 사용, 만약 m이 주어지지 않았을 땐 무제한으로 취급 ( )? ( )안에 있는 문자열이 있어되고 없어도 될 때 사용 \w 한자리의 문자, 숫자 \d 한 자리의 숫자 정규표현식 생성 방법 예) 알파.. 2022. 2. 13. 이전 1 ··· 40 41 42 43 44 45 46 ··· 68 다음
