crabLab

현재 위치 알아내기 navigator 객체의 geolocation메소드를 이용하여 알아냈다. 의외로 쉬웠는데 브라우저에서 지원하는 객체였고 단지 조금 막혔던 부분은 html의 요소를 js에서 데려올때 계속 locationEl 이 계속 undefined 됐다는 것이다. 해결은 하나의 요소를 만드는 것이기에 const를 붙이니 해결되었다. 위치는 위도와 경도로 표시되었다. 위도와 경도를 지역으로 바꾸기 상당히 막히고 있다.. 카카오 api를 이용하는게 가장 빠르고 좋을 것 같은데 생각보다 쉽지않다. api키를 얻고 모듈화까지 해서 지도도 그려지고 확대 축소도 되지만 정작 제일 중요한 지역의 이름이 안나온다.. 좀 더 다양한 방식으로 문제를 해결해봐야겠다. 우선 다시 프로젝트를 생성하고 카카오 api만 활용하..

공공데이터 키값 받기 생각보다 쉬웠다. 우선 회원가입을 하고 원하는 공공데이터를 검색하여 찾은 후 활용신청을 하면 끝이다. 그렇게 키값을 받으면 일반 인증키로 원하는데이터를 받을 수 있으며 이번에 내가 받은 데이터에는 워드파일이 참고로 있어 더 활용하기 좋았다. 요청/응답 메시지 예제 우선 간단히 요청/응답을 잘 주고받나 테스트해봤다. 참고파일의 예제를 보면 http://apis.data.go.kr/B552584/ArpltnInforInqireSvc/getMinuDustFrcstDspth?searchDate=2020-11-14&returnType=xml&serviceKey=서비스키&numOfRows=100&pageNo=1 인데 이는 조회날짜 입력시의 예제이다. 2020-11-14를 바꾸어주면 다른 날짜의..

프로젝트 주제 선정 우리나라는 매일 미세먼지로 인해 고통을 받고 있다. 특히 미세먼지는 육안으로는 잘 확인할 수 없다. 이에 사용자의 위치를 파악하고 openAPI를 이용해 그 지역의 미세먼지 측정량을 알려주는 웹 서비스를 만들고자 한다. 애자일 방법론 이 프로젝트에서는 2주단위의 스프린트로 진행하는 애자일 방법론을 사용하고자 한다. 애자일에서의 일의 단위는 Theme, Epic, Story, Task이며 이 프로젝트에서는 각각 Theme: “웹을 통한 미세먼지 측정 시스템” Epic: “고객은 들어온 것 만으로 자신의 지역의 미세먼지를 알 수 있다.” Story: “고객으로서, 미세먼지농도를 알기 위해, 웹사이트에 들어와 한눈에 농도를 본다” Task: “미세먼지와 초미세먼지 농도를 한눈에 확인할 수 ..

https://singular-shortbread-f5b80f.netlify.app/ AppLab.kr AppLab은 고객의 니즈를 최우선으로 합니다. singular-shortbread-f5b80f.netlify.app https://github.com/junsu1220/appLab GitHub - junsu1220/appLab Contribute to junsu1220/appLab development by creating an account on GitHub. github.com 사용기술: HTML, CSS 1. HTML & CSS 역량을 보여줄 수 있는 프로젝트를 하자 2. 웹디자인 시안을 받고 그대로 만들어보자. 3. 최대한 HTML & CSS 기술을 많이 녹여보자. 포토비를 우선 들어간다. 포..

📌문제 출처 https://programmers.co.kr/learn/courses/30/lessons/68644 코딩테스트 연습 - 두 개 뽑아서 더하기 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요. 제한 programmers.co.kr 📌나의 코드 function solution(numbers) { let answer = []; let realAns = []; //이중 반복에서 j=i+1을 통해 중복없이 값들을 더함 for(let i=0;i

📌문제 출처 https://programmers.co.kr/learn/courses/30/lessons/86491 코딩테스트 연습 - 최소직사각형 [[10, 7], [12, 3], [8, 15], [14, 7], [5, 15]] 120 [[14, 4], [19, 6], [6, 16], [18, 7], [7, 11]] 133 programmers.co.kr 📌나의 코드 function solution(sizes) { let answer = 0; let maxH = 0; let maxV = 0; let tmp = 0; for(let i=0;i

📌문제 출처 https://programmers.co.kr/learn/courses/30/lessons/12922 코딩테스트 연습 - 수박수박수박수박수박수? 길이가 n이고, "수박수박수박수...."와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 "수박수박"을 리턴하고 3이라면 "수박수"를 리턴하면 됩니다. 제한 programmers.co.kr 📌나의 코드 function solution(n) { let answer = ''; for(let i = 0; i

📌문제 출처 https://programmers.co.kr/learn/courses/30/lessons/82612 코딩테스트 연습 - 부족한 금액 계산하기 새로 생긴 놀이기구는 인기가 매우 많아 줄이 끊이질 않습니다. 이 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받기로 하였습니다. 즉, 처음 이 programmers.co.kr 📌나의 코드

📌문제 출처 https://programmers.co.kr/learn/courses/30/lessons/17681 코딩테스트 연습 - [1차] 비밀지도 비밀지도 네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다 programmers.co.kr 📌나의 코드 function solution(n, arr1, arr2) { let answer = []; let cnt = ''; let bin1 = []; let bin2 = []; //bin1,bin2에 arr1,arr2의 2진수들을 넣습니다. for(let x of arr1) bin1.push(x.toString(2)) for(let y..

제목(Header) 제목 1 제목 2 제목 3 제목 4 제목 5 제목 6 문장(Paragraph) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 줄바꿈(Line Breaks) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 강조(Emphasis) 이텔릭 두껍게 이텔릭 + 두껍게 취소선 밑줄 목록(List) 순서가 필요한 목록 순서가 필요한 목록 순서가 필요한 목록 순서가 필요한 목록 순서가 필요한 목록 순서가 필요한 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 순서가 필요하지 않은 목록 링크(Links) GOOGLE G..