학습내용: 웹크롤링(특정 웹의 정보들을 가져오는 것, Feat. Python(library: requests, bs4)) Python: 환경세팅, 기본문법, library 사용(requests, bs4) db: 기본개념, mongodb 실습: python과 연동하여 data 업로드 Trouble I Met: mongodb server에 data를 올리는 과정에서 많은 시간 소요. 환경설정 및 디랙토리 설정 과정에서 실수가 있었나 수차례 점검 및 재확인. Window 환경과 다르게 Mac 환경에서는 추가로 설정해 주어야 할 것들이 있어 생기는 오류임을 뒤늦게 알게 됨.

JQuery API Fetch 조건문 반복문 JSON 실습내용: API로 data 받아와서, 해당 data중 원하는 부분을 반영함

HTML, CSS를 이용하여 정적 Web Page 구성 HTML의 태그로 전체 뼈대를 설정하고, CSS로 디자인 관련 기능을 수행가능 web editor 'visual studio code' 사용 확장 기능 'Live Server'를 사용하여 editor 수정 내역이 바로 창에 보이게 이용 가능 'Google Fonts' 사용하여 폰트 조절 '부스트렙' 사용하여 버튼, 창 등의 UI object 삽입 가능 단축키: shift + option + F 들여쓰기 자동정렬

정의 웹페이지에 생동감을 불어넣기 위해 만들어진 언어 scipt JavaScript로 작성한 프로그램 웹페이지의 HTML 안에 작성가능 웹페이지 불러올 때에 자동으로 script 실행 특별한 준비 및 컴파일 없이 문자 형태로 작성 및 실행 가능 엔진: 브라우저에 내장되어 있는 자바스크립트 가상 머신 V8: Chorme, Opera SpiderMonkey: Firefox Microsoft Edge: ChakraCore SquirelFish: Safari 엔진의 동작원리 파싱: 엔진이 스크립트를 읽음 컴파일: 읽어 들인 스크립트를 기계어로 전환 기계어로 전환된 코드 실행(전환 되었기에 실행 속도가 빠름) 엔진이 각 프로세스 마다 최적화를 진행하여서 실행속도가 빠름. 브라우저에서 할 수 있는 일 페이지에 새로..

정의 시스템의 개발부터 유지보수까지 모든 과정을 단계별로 체계화 한 것 소프트웨어 생명주기 모델 단계 1. 요구사항 분석 개발할 소프트웨어에 대해 고객과 명확하게 정의 기능요구사항 ex) 장바구니 기능 ... 비기능요구사항 ex) 패치/업그레이드 ... 2. 설계 요구사항 분석 단계에서 정의한 기능 수행을 위한 방법 결정 시스템구조설계 프로그램 설계 사용자 인터페이스 설계 3. 구현 특정 프로그래밍 언어 사용하여 구현 프로그래밍 언어 선택, 기법, 스타일, 순서 등 결정 인터페이스 개발 자료 구조 개발 오류 처리 4. 테스트 단위 테스트 요구사항에 대한 단위 모듈, 서브루틴 테스트 자료구조 테스트 실행 경로 테스트 오류 처리 테스트 인테이스 테스트 통합 테스트 통합된 컴포넌트 간 상호작용 검증 빅뱅 테스..

FE 개발자를 꿈꾸는 TerryEHLee