본문 바로가기

Education

(77)
[웹개발종합반] 강의을 마치며 보호되어 있는 글입니다.
[개발스터디] 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..
[웹개발종합반] 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..
[웹개발종합반] week2: JQuery / Ajax 2주차 수업 목표 Javascript 문법 익숙해지기 jQuery로 간단한 HTML 조작하기 Ajax로 서버 API(약속)에 데이터를 주고 결과를 받아오기 수업 자료 [스파르타코딩클럽] 웹개발 종합반 - 2주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so 1. Javascript 복습하기 짝홀 버튼 만들기 버튼을 짝수번 눌렀을 때에는 '짝짝짝', 홀수번 눌렀을 때에는 '홀홀홀'이 얼럿을 띄우는 버튼 만들기 function hey() { let count = 1; if (count % 2 == 0) { alert('짝수입니다!'); } else { alert('홀수입니다!'); } count += 1; } 하지만 이렇게 작성하면 '홀수입니다!' 얼럿만 뜨게 된다. 왜냐하면 ..
[웹개발종합반] week 1: HTML / CSS / JS 1주차 수업 목표 서버와 클라이언트의 역할에 대해 이해하기 HTML, CSS의 기초 지식 이해하기 부트스트랩 사용법 익히기 JavaScript 기초 문법 익히기 수업 자료 [스파르타코딩클럽] 웹개발 종합반 - 1주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so 1. 1주차 오늘 배울 것 1.1 서버/클라이언트/웹의 동작 개념 웹 페이지 수정해보기 모든 작업은 크롬에서 진행한다. 사파리나 윈도우즈 익스플로러에서는 진행할 수 없다. Hint 크롬에서 네이버, 다음과 같은 웹 사이트에 접속한 후 오른쪽 마우스를 눌러 '검사하기'를 누르자. 그리고 안에 코드를 수정하면 웹 사이트의 화면이 변경된다. 하지만 현재 수정한 페이지는 웹 사이트 자체에서 변경되는 것이 아니라 현재 내가 ..
[웹개발종합반] week 0: 강의 준비 강의 준비 강의가 본격적으로 시작하기 이전에 준비를 진행하였다. Pycharm Professional 설치 JetBrains 회원가입 AWS 가입 겟레디윗미 온라인 줌 미팅 6/13 (일) 21:00에 온라인 줌으로 OT도 진행한다고 한다. 신청폼도 작성하여 참여할 준비 완료! [6/14 개강 기수 대상] 겟레디윗미 안내 겟레디윗미(Get Ready With Me)란 개강 전날 밤, 스파르타 튜티 여러분과 개강을 준비하는 온라인 오리엔테이션(OT)입니다! www.notion.so 0주차 리뷰 항상 기초가 부족해서 어떻게 공부를 이어가야하나 고민이었는데 우연히 내일배움에 대해 알게된 덕분에 저렴한 가격으로 좋은 강의를 듣게 되었다. 강의를 열심히 듣고 완주하였을 땐 기초가 탄탄해진 나로 거듭나야지! 강의자..

반응형