본문 바로가기

전체 글

 (432)
js class 보호되어 있는 글입니다.
[개발스터디] week3: Next.js로 서버 만들기 / React.js 2021-06-30 Week 3 ✔ 스터디 내용 check week2 homework Next.js로 Backend 만들기 React.js tutorial - main concepts 1. Check homework 목표: '자바스크립트는 싱글 스레드인데, 어떻게 동시에 코드를 처리할 것인가?'에 대해 고민하기 API가 애초에 딜레이가 있도록 만들어졌기 때문에 4초 부근으로 나올 수 밖에 없다. 1.1 code review 목표와 의도에 부합하게 코드를 잘 작성하였다. 특히나 잘못하면 콜백지옥에 빠질 수 있는데, 콜백지옥에 빠지지 않게 잘 작성하였다. 또한 Promise.all 메서드를 사용하면 여러 개의 프라미스를 동시에 실행시키고 모든 프라미스가 준비될 때까지 기다리기 때문에 소요되는 시간을 줄일 수..
[웹개발종합반] 강의을 마치며 보호되어 있는 글입니다.
[개발스터디] week2: Skeleton Loading / DynamoDB / node-fetch 21-06-23 Week 2 이번 주는 각자 자기소개 시간을 가진 후 여러 가지 이야기를 했었는데 사실 오늘 너무 피곤했어서 집중 뽝-해서 듣진 못했다. 다음부터는 피곤하더라도 제대로 집중 해야지. 중간에 Ajax 이야기도 나왔었고... 스터디 마치기 마지막에는 Node.js 환경에서 JavaScript에서 실행 시간 재는 방법과, node-fetch 모듈을 사용하여 API에 접속하고 데이터를 가져오는 방법을 공부하는 시간을 가졌다. 마지막엔 숙제도 내주었다. 1. Skeleton Loading 1.1 Intro 페이스북, 혹은 인스타그램에서 다음 게시글 데이터를 띄우기 전에 로딩 화면으로 다음과 같은 현상을 흔하게 보았을 것이다. 이러한 골격 로드 화면을 스켈레톤 로딩 화면(Skeleton Loadin..
[패스트캠퍼스:Node.js 올인원] 크롤링 / Puppeteer 1. 크롤링 개념 1.1 크롤링 도서관에 무한이 많은 책이 있다. 이 책들 중 내가 원하는 책을 찾아야만 한다. 웹은 이 도서관과 같다. 웹 또한 계속하여 정보가 늘어나고 있고, 이 정보들을 검색할 수 있게끔 어딘가에 저장하여 관리해야 한다. 이를 위해 만들어진 것이 크롤링(crawling)이고, 그것을 소프트웨어로 만든 것이 크롤러(crawler)이다. 1.2 크롤러 조직적, 자동화된 방법으로 월드 와이드 웹을 탐색하는 컴퓨터 프로그램 - 위키백과 달라지는 웹 트렌드에 따라서 크롤러는 이에 맞춰서 자동화된 방법으로 데이터를 수집할 수 있어야 한다. 따라서 크롤러는 정교하고 어려운 기술이다. 크롤러가 작동하는 과정 먼저 씨앗이라 불리는 사이트들(Seeds)을 정한다. 이 출발점으로 시작으로부터 크롤링을 ..
[웹개발종합반] week5: AWS / FileZilla 5주차 수업 목표 Flask 프레임워크를 활용해서 API를 만든다. '마이 페이보릿 무비스타'를 완성한다. EC2에 내 프로젝트를 올리고 자랑한다. 수업 자료 [스파르타코딩클럽] 웹개발 종합반 - 5주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so 1. 5주차 설치 1.1 Filezilla 설치하기 https://filezilla-project.org/download.php Download FileZilla Client for Windows (64bit x86) Download FileZilla Client for Windows (64bit x86) The latest stable version of FileZilla Client is 3.54.1 Please select..
[웹개발종합반] week4: Flask function postArticle() { let url = $('#post-url').val(); let comment = $('#post-comment').val(); $.ajax({ type: "POST", url: "/memo", data: {url_give:url,comment_give:comment}, success: function (response) { // 성공하면 alert(response["msg"]); } }) } 4주차 수업 목표 Flask 프레임워크를 활용하여 API 만들기 '모두의 책 리뷰' API를 만들고 클라이언트에 연결하기 '나홀로 메모장' API를 만들고 클라이언트와 연결하기 수업 자료 [스파르타코딩클럽] 웹개발 종합반 - 4주차 매 주차 강의자료 시작에 PDF파일을 ..
[웹개발종합반] week3: Python / 크롤링 / mongoDB 3주차 수업 목표 파이썬 기초 문법 알기 원하는 페이지 크롤링 하기 pymongo를 통해 mongoDB를 제어하기 수업 자료 [스파르타코딩클럽] 웹개발 종합반 - 3주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so 1. 3주차 설치 1.1 파이썬 첫 화면에서 Add Python 3.8 to PATH 체크버튼을 꼭 체크해야만 한다. 이후로 Next 버튼만 누르면 설치 완료. 1.2 mongoDB mongoDB 설치하기 C:에 data 폴더 생성, 그 안에 db 폴더를 생성한 후 mongoDB를 다운로드 한다. MongoDB Community Download Download the Community version of MongoDB's non-relational databas..
반응형

티스토리툴바