React24 리액트 심화 1주차 정리 [수업 목표] 자바스크립트 문법을 정리한다. 객체 생성자에 대해 알아본다. 함수의 개념에 대해 알아본다. 메인 페이지를 만들어본다. 기획서를 보고 컴포넌트를 쪼개본다. 1. 자바스크립트 문법 -호이스팅(선언 끌어 올리기): 자바스크립트가 파일을 읽어올 당시에 선언을 맨 위로 끌어올리는 것 따라서 var는 선언을 하기 전에도 쓸 수 있음! var는 선언과 초기화를 같이함. -실행 컨텍스트: 자바스크립트는 파일을 받으면 파일을 한번 다 읽어보고 그 다음에 실행함 -TDZ(Temporal Dead Zone) = 일시적 사각지대 let과 const도 호이스팅이 되지만 var과의 차이점은 변수가 선언되기 전에 호출하면 ReferenceError가 남. 왜 에러가 날까? 선언한 후, 초기화 단계에서 메모리에 공간을.. 2021. 3. 27. 5. API 연습하기 *파이썬 패키지별 용도 -pymongo: 데이터베이스 -requests: 크롤링 프로젝트를 만들려 하는데 막막할 땐? API 설계부터!! 서비스에 어떤 기능이 필요하고 그 기능을 어떤 순서로 구현할건지 계획하는 일을 설계라고 부름. [나홀로메모장]프로젝트 기준으로 어떤 기능이 필요한지 API 설계를 해보자 1) 포스팅박스에서 url, comment를 서버 쪽에 보내줘서 서버에서 그 데이터를 저장(POST) 2) 카드들(DB) 보여주기(GET) ① 카드 이미지 ② 제목 ③ 제목 클릭했을 때 해당 영화 페이지로 가는 url ④ 요약 ⑤ 코멘트 3) 리스팅 API는 로딩 끝나면 바로 호출 : Ajax call 만들기 조각 기능 구현이란? API 설계 후 기술을 먼저 검증하기 위해 미리 작게 테스트 해보는 것... 2021. 3. 2. 4. Flask, API 만들기 컴퓨터가 한 대기 때문에 같은 컴퓨터에 서버도 만들고 요청도 해보기! 즉, 클라이언트 = 서버 이것을 '로컬 개발환경'이라고 함! Flask 시작하기 - 1) 서버 만들기 (Flask 깔고 기본 코드 깔고 app.py 실행시키는 것) *Flask 패키지 설치하고 시작! 윈도우 : 좌상단File → setting → Python interpreter 맥 : 좌상단Pycharm → Preference → Python Interpreter flask 로 검색한 후, Install package 클릭 *Flask 기초: 기본 실행 Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. from flask import Flask app = F.. 2021. 3. 2. 3. Python, pymongo, mongoDB 파이썬 패키지 설치: File ->Setting ->Project->Python Interpreter -> + 누르기 -> 검색해서 쓰고 ->Install Package ->OK 패키지마다 쓰는 사용법 있는데 구글링해서 코드 복붙 후 사용하기 크롤링: 구글이나 네이버의 검색 엔진이 내 사이트를 퍼가는 행위 크롤링이 가능한 기본적인 이유? 이미 받아온 것을 가지고 솎아내는 것이 크롤링! 따라서 크롤링 할 때 중요한 두가지는 1) 코드단에서 요청하는 것(브라우저를 키지 않고) 2) 요청돼서 가지고 온 html들 중에 원하는 정보를 잘 솎아내는 것! bs4에서 select와 select_one 사용법 알기! 태그 안의 텍스트를 찍고 싶을 땐 → 태그.text 태그 안의 속성을 찍고 싶을 땐 → 태그['속성'].. 2021. 2. 28. 2. JQuery, Ajax, API **구글링 잘하는 꿀팁** ex. css border w3schools css border mdn JQuery란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! jQuery는 미리 작성된 Javascript 코드임. 짜둔 코드를 가져와서 사용하는 것이기 때문에, 쓰기 전에 "임포트"를 해야함. -JQuery CDN jQuery Get Started (w3schools.com) jQuery Get Started jQuery Get Started Adding jQuery to Your Web Pages There are several ways to start using jQuery on your web site. You can: Download the jQuery.. 2021. 2. 27. 1. 웹의 동작 개념 / HTML, CSS, Javascript - 웹의 동작 개념 ①: HTML을 받는 경우 간단하게 네이버 검색어 조작해보기 -> 조작이 된 이유? '브라우저'는 서버에서 미리 준비해 두었던 것을 받아서 '그려주는 것'이기 때문! 즉, 브라우저의 역할은 1)서버에 요청 보내기 2)받은 HTML 파일 그려주기이다. 그렇다면 1)에서 어디에 요청을 보내는가? : 서버가 만들어 놓은 'API'에 미리 정해진 요청을 보낸다. ex) https://naver.com/ 이것은 "naver.com"이라는 이름의 서버에 있는 "/" 창구에 요청을 보낸 것임 여기서 HTML은 : "뼈대", CSS는 "꾸미기", JS는 "움직이게 하기" 간단하게 설명하면 HTML은 뼈대니까 검색 창을 어디다 두고, 밑에 아이콘들은 어디에 배치할건지, CSS는 꾸미기로 네이버 아이콘.. 2021. 2. 25. 이전 1 2 3 4 다음
