공부 기록일지📚

서울시 OpenAPI(미세먼지) http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 -> JSON형식으로 된 파일을 정돈된 형태로 보기위해서는 chrome 확장 프로그램 JSON View를 설치해주시면 됩니다. 🌞여기서 JSON은 key : value 로 이루어진 딕셔너리와 비슷한 서버통신용 표준 포맷이라고 생각하면 된다. 위의 내용을 보면 RealtimeCirtAir라는 딕셔너리(JS에서 객체)에 key : value의 형태로 들어가있고 key가 row인 곳의 value로 리스트(JS에서 배열)가 들어가 있고 해당 리스트안에 또 딕셔너리가 담겨있다. (어지럽군요^^) 🌞API란? 간단히 말하면 은..

🌞jQuery 란? HTML의 요소들을 조작하는 편리한 Javascript를 미리 작성해둔 것이다. (JS 라이브러리) 즉, 미리 작성된 JS코드이다. 다른 사람이 짜둔 코드를 가져와서 사용하는 것이기 때문에 쓰기 전에 import 를 해야 합니다. jQuery를 쓰면 javascript보다 더 직관적이고 간편하게 쓸 수 있다. ▶JS와 jQuery 코드 비교 //JS 코드 document.getElementById('element').style.display = 'none'; //jQuery ver 좀 더 직관적인 코드 $('#element').hide(); 🌞jQuery 사용방법 직접 파일을 가져와서 쓰는 방법도 있지만 google CDN을 통해서 코드 임포트 후 사용한다. //google CDN 🌞..

🌞자바스크립트란? -프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어(표준) 클라이언트가 서버에 요청하면, 서버가 클라이언트에게 HTML + CSS + JS를 준다. 프로그래밍 언어를 배울 때 기억해야할 5가지 ->변수, 자료형, 함수, 조건문, 반복문 파이썬에서는 데이터값을 저장하기 위해 리스트와 딕셔너리를 가장 많이 사용한다. 리스트는 다른 프로그래밍 언어에서는 array(배열)라고 부르기도 한다. 자료형에서 유의 깊게 봐야할 개념 2가지(리스트, 딕셔너리) 🌞리스트 자바스크립트에서 배열(Array)을 말한다. 리스트는 리스트 내 값의 위치(index)와 그 위치에 있는 값의 정보(value)를 저장한다. 리스트는 key값이 없고(대신 index값, 위치정보)가 있음 어떤 값을 찾을 때 ..

🍕BootStrap 이란? 간단히 말하면 예쁜 CSS를 미리 모아둔 것 (CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은 다른 이야기이기 때문에, 현업에서는 미리 완성된 부트스트랩을 가져다 쓰는 경우가 많다. 오픈 소스 프론트엔드 프레임워크이다. PC용 디자인 뿐만아니라 태블릿이나 스마트폰 같은 모바일용 디자인을 반응형으로 한번에 지원한다. 여러 웹 브라우저를 지원하기 위한 크로스 브라우징 걱정 X 부트스트랩은 반응형이며 모바일 우선인 웹프로젝트 개발을 위한 가장 인기있는 HTML, CSS, JS 프레임워크다. https://getbootstrap.com/docs/5.0/components/card/ Cards Bootstrap’s cards provide a flexible an..

🍕why 파이참? JetBrains 사의 다른 IDE인 인텔리제이(IntelliJ)와 비교해봅시다. PyCharm IntelliJ IDEA with Python플러그인 ▶보다 간편한 UI 제공 (예를 들면 프로젝트 관리나 IDE 설정 관련 등) ▶Jython을 완벽하게 지원하는게 아니라, 실행할때만 지원 ▶java 언어와 Python 언어를 통합해서 사용할 목적이 아니면 python개발툴인 PyCharm을 사용하는게 나음 ▶ IntelliJ 자체는 자바 개발툴이나, 플러그인을 사용하면 python 사용 가능 ▶더 나은 Jython 지원 기능 보유 ▶상황 대처 능력이 뛰어남 (프로젝트를 위해 라이브러리를 구성할 수 있음) 출처: JetBrain코리아 출처: JetBrain코리아 그러면 VSCode과 PyC..

//🍕백준문제 2588번 //fs모듈로 여러줄 입력값을 받아오는 법 //e.g.) let input = fs.readFileSync('text.txt','utf8').split('\n'); /* 입력 예제 472 385 */ /* 출력 예제 2360 3776 1416 181720 */ const fs = require('fs'); const data = fs.readFileSync('dev/stdin').toString().split('\n'); const [firstNum, secondNum] = data; const [a, b, c] = secondNum; let ac = firstNum * c; let ab = firstNum * b; let aa = firstNum * a; console.log(..

🍕recursion(재귀)가 무엇일까? -자기 자신을 호출하는 절차이다. -우리의 경우는 재귀(함수)는 자기 자신(itself)을 호출하는 함수를 의미한다. 🍕재귀가 적용된 예시 JSON.parse/ JSON.stringify 해당 메소드들은 자바스크립트 엔진으로 실행된다. 모질라(mozilla)의 경우는 라이노(Rhino)라는 자체 실행 엔진이 있다. 이러한 엔진에서 JSON.parse를 원하는대로 작성하는데, 꼭 재귀적으로 작성할 필요는 없다. 하지만, 보통 재귀적으로 작성하는 경우가 많음 documnent.getElementById 와 DOM traversal algorithms (돔 순회 알고리즘) DOM은 모든 요소가 중첩된 트리 구조로 되어있다는 것을 명심하자 e.g. div안의 div가 들어..

🍕분할과 정복 패턴(Divide and Conquer)이란? 이 알고리즘은 주로 배열이나 문자열같은 큰 규모의 데이터셋을 처리한다. (This pattern involves dividing a data set into samller chunks and then repeating a process with a subset of data ) 해당 패턴은 시간 복잡도를 엄청나게 줄일 수 있다. (This pattern can tremendously decrease time complexity.) - 퀵 정렬, 병합 정렬, 이진탐색은 분할 정복 알고리즘의 예시이다. - 분할정복 알고리즘은 정렬이나 탐색 알고리즘(e.g.이진 탐색 트리)으로 넘어가기 전에 살펴봐야 하는 개념이다. 🍕분할정복 과정 Divide ->..