비개발자를위한웹개발종합반 (6) 썸네일형 리스트형 [스코클] 비개발자를 위한 웹개발 종합반-5주차 take-away 1. 지금 상황에서는 코드를 외워서 쓰는 것이 아니라, 다른 코드를 보고 이해하고 따라 쓸 수 있는 실력을 쌓아야 함 2. 지금까지 배운것을 여러번 반복숙달시키기 3. 배운것들을 조금씩 수정해보면서 새로운 기능 익히기 * 질문: 코드 똑같이 했는데 명령이 안먹힐 때가 있다... 왜 그런지...? 껏다 키니까 되긴 함... * 질문2: python 코드를 수정할때마다, filezilla 를 통해 업뎃을 따로 해야 하는지? yes 1. 5주차 1.1. 5주차 할것 - 버킷리스트 프로젝트 (복습) - 팬명록 배포하기 1.2. 설치할 것 - 파일질라(filezilla): 클라우드 환경에 파일을 보낼 수 있는 프로그램 - 가비아: 도메인 구매 2. 버킷리스트 2.1. Post 요청: 버킷리스트 .. [스코클] 비개발자를 위한 웹개발 종합반-4주차 take-away 1. 사소한 타이핑 하나만 빠져도 전체가 작동을 안함 (쉼표, 괄호, 따옴표, 콜론 등등등등등) 2. 서버와 클라이언트, 데이터베이스 간에 주고받는 신호의 구조를 잘 알아야 함 3. 다양한 기능을 구현해 보고, 이를 언제든 쓸 수 있게 잘 저장/쌓아놓는 것이 중요 1. 4주차 이번주 할것 - Flask - 미니프로젝트1 (화성땅 공동구매) - 미니프로젝트2 (스파르타피디아) - 1주차: 웹프론트엔드 / 2주차 - 3주차: MongoDB / Atlas - 4주차: Flask 서버 (app.py 파일) *. 로컬개발환경: 내컴퓨터에서 만들고 내컴퓨터에서 테스트해보기 2. Flask: 서버를 만들수 있는 '큰'라이브러리 (=프레임워크) - 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려.. [스코클] 비개발자를 위한 웹개발 종합반-3주차 1. 스파르타피디아 연습 및 복습 1.1. 스파르타피디아에 open API 붙여보기 1.2. console에 출력해보기 1.3. 웹페이지에 출력하기 1.4. 기존에 보이던 내용 숨기기/삭제하기 1.5. 내용을 붙일 틀 입력시키기 2. 파이썬 기초공부 2.1. 변수, 자료형, 함수, 조건문, 반복문 2.2. package 2.3. 가상환경 (Virtual environment) - 프로젝트별로 패키지를 담을 보관함: venv library 루트 - 프로젝트별로 사용해야 할 패키지의 버전이 다를 수 있기 때문. 2.4. API 가져오기 2.5. 크롤링 2.5.1. 할일 - 웹사이트에 요청해서 html 가져오기 (requests) - 그 안에서 제목 찾기 (쉽게 찾게하는 라이브러리 이용: beautifulso.. [스코클] 비개발자를 위한 웹개발 종합반-2주차 take-away 1. 난이도가 갑자기 급상승 2. Ajax 활용하여 외부데이터 불러오기 연습 (온도, 미세먼지, 이미지 등) 3. 언어의 문법이 익숙치 않아 그런지, 코드가 자꾸 헷갈림. 특히 각종 괄호, 쉼표, 따옴표 등 4. 그래도 재미는 있음 5. 나만의 라이브러리를 만들어야 하나 생각중 0. 이번주차 배울 것 - 자바스크립트 버튼 - 서울시 홈페이지 정보 긁어오기 1. Javascript 복습 1.1. 홀짝 판별기 * 따로 온클릭 지정 해줘야 함 (e.g., 2. JQuery - HTML의 요소를 조작하는, 편리한 javascript를 미리 작성해둔 라이브러리! - jQuery와 Javascript (jQuery가 더 단순, 직관적) - jQuery library 연결 - jQuery 자주쓰는 .. [스코클] 비개발자를 위한 웹개발 종합반-1주차 스파르타코딩클럽 비개발자를 위한 웹개발 종합반 1주차 3줄요약 1. 프론트엔드의 기초 학습 및 실스 (HTML, CSS, JS) 2. 특히 자바스크립트의 기초 문법 (변수, 자료, 함수, 조건, 반복) 3. 개발은 외워서 하는 것이 아니라 내가 예전에 했던 것, 남들이 했던것을 상황에 맞게 활용하는 것. -- 강의노트 -- 1주차 오늘 배울 것 1. 서버/클라이언트/웹의 동작 개념 - 이미 받아온 화면은 내꺼 (naver.com 홈) - (네이버의) 서버로부터 받아옴 - 브라우저 역할: 1) 요청하는 것, 2) 가져와서 보여주는 것 - 클라이언트 - HTML: 뼈대 (위치, 내용 등) - CSS: 꾸미기 (색깔, 사이즈 등) - JS: 움직이는 것 (링크, 로그인 등) 2. 필수프로그램 설치 - Pych.. [스코클] 비개발자를 위한 웹개발 종합반 0주차 2022년 10월 10일부로 웹개발 관련한 강의를 수강하게 되었다. 5주짜리 짧은 프로젝트인데, 아마 기본중에 기본이겠지? 이 수업을 수강하면서, 웹개발의 맛을 한번 보도록 하자. 총 5주차의 강의를 수강하기에 앞서서, 각종 수업관련 환경을 세팅하게 되었는데, 크롬, Slack 을 설치하고, 즉문즉답이라는 질문게시판 관련 내용을 전달했다. 10분도 안걸리는 그런 강의였고, 무사히 마무리를 했다. 참고로 Slack 은 비즈니스 상황에서 사용하는 매신져앱인데, slack에 대한 이야기를 많이 들어봤지만, 딱히 쓸일은 없었다. 별 다른 특징은 아직 모르겠고, 그냥 직장에서 카톡하기(?) 정도로 이해하고 넘어가야겠다. 각종 정보들이 Notion이라는 웹페이지를 통해 공유되었는데, 이것에 대해서도 좀 알아봐야겠다.. 이전 1 다음
