728x90

전체글 130

웹개발 종합반 3주차 (3-4) : 파이썬 모듈, 패키지, 라이브러리

모듈 : 특정 기능이 구현되어있는 파일 . 기능의 묶음. 패키지: 모듈의 묶음 라이브러리 : 패키지의 묶음 모듈 < 패키지 < 라이브러리 패키지 설치 = 외부 라이브러리 설치 가상환경(virtual environment)은 같은 시스템에서 실행되는 다른 파이썬 응용 프로그램들의 동작에 영향을 주지 않기 위해, 파이썬 배포 패키지들을 설치하거나 업그레이드하는 것을 가능하게 하는 격리된 실행 환경. 출처 : 파이썬 공식 용어집- 가상환경 project interpreter 에서 + 버튼을 누르고 검색창에서 필요한 패키지 찾아 설치.

웹개발 종합반 3주차 (3-3) : 파이썬 시작 & 기초 문법

첫 파이썬 파일 실행 new project 생성 경로는 sparta - pythonprac 폴더 base *interpreter 에서 (*통역사) python 38 선택하고 create 클릭. new > file > python file 선택해서 파이썬 파일 'hello'만들기. 내용에 print('Hello!') 입력 우클릭, 실행 자료형 1. 숫자형 /문자형 자료에서 문자는 '' 안에쓰이고 리스트는 [] , 딕셔너리는 {} 안에 키:밸류 값. name = 'bob' 문자열 num = 12 숫자 people = [ {name: uju, age:20}, {name:bada , age:10} ] 리스트, 딕셔너리 2. 리스트 / 딕셔너리 * list 형 a_list = [ ] 비어있는 리스트에 a_list..

웹개발 종합반 3주차 (3-2) : 2주차 복습 (Open API)

과제 : 나만의 메모장 카드들에 들어갈 데이터를 불러오는 api 적용하기. frontend > index.html 파일로 작업 (나만의 링크 메모장) *코드 스니펫 1. api 2. 로딩 후 바로 실행 $(document).ready(function () { listing(); }); function listing() { console.log('실행확인'); } 로딩 후 바로 실행하는 코드 붙여 넣고 콘솔 창에서 연결 확인. console.log 대신 ajax 기본 코드. $(document).ready(function () { listing(); }); function listing() { $.ajax({ type: "GET", url: "http://spartacodingclub.shop/post",..

[2/1 ~ 2/18] 웹 복습 _ [2/21] 게임 개발 시작!

1일부터 18일까지 웹개발 종합반 포스팅하면서 복습했다. 3주 가까이했으니 진도도 3주 차까지는 끝낼 줄 알았는데 복습이랍시고 응용하고 안 해본 거 시도하다 늦어지고 있다. 강의 기간 끝나서 복습노트에만 의존하다 보니.. 더 어렵기도 하고.. 그래도 어떻게든 해나가던 중 제일 관심 가지던 게임 개발 강의가 얼리버드 할인 중이래서냅다 카드 긁었다 ㅋㅋㅋㅋ 원가에서 거의 절반 깎았다. 포인트 모아놓은거 다 쓰고.. 완주자 쿠폰 싹싹 긁어서 . 국비 아니고 자비로 하는 강의라서 그런지 수강 기간 내에 완강하면 평생 소장이라서 다행이다! 열심히 5주 차 과정 끝내고 , 웹이랑 앱은 느긋하게 복습해야지. 너무 조바심 내지 말고 꾸준히만 하자!

웹개발 종합반 3주차 (3-1) : Python / mongoDB / Robo3T / Git bash 설치, 환경 변수 설정 [윈도우/맥]

해야 할 일 순서. 1. Python 설치 2. mongoDB 설치 3. 환경 변수 설정 - mongoDB 설치 확인 (cmd) 4. Robo3T 설치 5. Gitbash 설치 (*윈도우만) 1. Python (윈도우/맥) 파이썬 다운로드 (윈도우) https://www.python.org/ftp/python/3.8.6/python-3.8.6-amd64.exe *다운로드 첫 화면 최하단 체크박스 꼭 체크. *Python 3.8.6 버전 설치. (3.9는 너무 최신 버전이라 오작동하는 OS 있음) 파이썬 다운로드 (맥) https://www.python.org/ftp/python/3.8.2/python-3.8.2-macosx10.9.pkg *Mac에는 기본적으로 파이썬 2.x 버전이 설치되어 있지만 강의에..

웹개발 종합반 2주차 (2-12) : api 활용 - 실시간 환율 달기

과제 : 1주 차에 만들었던 원페이지 쇼핑몰에 환율정보 추가하기. *강의에서 제공되는 코드 스니펫 2개 활용. (api 링크, 로딩 되자마자 호출하는 ajax 코드.) 5주 차에 서버 사서 올리는 것까지 끝낸 폴더라서 이것저것 있지만 다 무시하고 복습 파일로 진행! homework > index.html 로 작업했었고 (복습 파일 명은 fake_index.html) 스크립트 태그 자체가 없으니 만들고 그 안에 로딩과 동시에 불러오는 코드 태그 안에 붙여넣고 시작. $(document). ready(function( ){ }) *괄호 짝 주의 $(document).ready(function(){ alert('로딩 완료!') }); 예시 이미지. 브라우저 열어서 아까 연결한 alert 잘 뜨는 거 확인하고 ..

웹개발 종합반 2주차 (2-11) : Ajax 연습 - 랜덤 고양이

frontend 폴더에 02_ajaxquiz03.html 파일 생성. 내용 지우고 골격 붙여넣기. [예제] 고양이 api , 완성 예시 페이지 참고해서 만들기. Hint : 구글 검색 - jQuery 이미지태그 src 바꾸기 (분명 힌트를 줬지만 ㅋㅋㅋ복습이랍시고 검색 안 하고 혼자 해보다 무한 물음표 지옥에 빠져있다. 근데 그게 즐거운 estj ..^^) 일단 api 부터 열어보기. 새로고침 할 때마다 주소가 바뀌고 list[ { dictionary} ] 구조로 되어있다. 이제 html 전체 코드 위에서부터 보기.. 그런데 css에 처음 보는 게..(견딜수 없음) 인간은 모르는 걸 보면 본능적으로 불편합니다. ( 이고잉님 말씀 음성지원 ㅋㅋㅋㅋ) type 이건 뭐고.. 왜 신경쓰이게 줄이 그어져있으며...

웹개발 종합반 2주차 (2-10) : Ajax 복습

지난번 연습과 비슷한 내용 혼자 풀어보기. 서울시 따릉이 오픈 api (공공데이터)를 이용해서 실시간 업데이트 버튼 기능 만들기. frontend 폴더에 02_ajaxquiz02.html 파일 생성, 기본 골격 붙여 넣고 시작! 과제 내용 : - 표(table) 모양으로 붙여주고, - 주차된 자전거 수가 5 이하면 붉은색으로 표시. 필요한 값 3가지 console.log 부터 차근차근. 한 번 오류났었는데 살펴보니 bike 뒤에 [i] 붙이는거 빼먹었다. 반복문 안에서 선언할 때, 여러 값을 불러올거니까 [i]. 주의 표 내용 부분 복사해서 temp_data로 만들고, .append 붙이기 (콘솔로 테스트) 잘 되면, 맨 위에 empty( ) 추가. 마지막으로 붉은 글씨는 .low-stock { colo..

웹개발 종합반 2주차 (2-9) : Ajax 연습 - 실시간 업데이트 버튼

frontend 폴더에 02_ajaxquiz01.html 파일 만들고 시작. 기본 골격 붙여 넣고, 서울시 실시간 데이터 페이지 참고하면서 http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 버튼 누르면 실시간 업데이트 되는 기능 만들기. 내가 작성한 코드랑 강의 코드. 작동도 잘 되고, 보기에는 같은 내용을 한 줄에 쓴 것 같은데 이렇게 써도 되는 건지 모르겠어서 일단 내 코드는 주석으로 남겨놨다. function q1() { $('#names-q1').empty(); $.ajax({ type: "GET", url: "http://openapi.seoul.go.kr:8088/6d4d776b466c..

웹개발 종합반 2주차 (2-8) : Ajax 시작_ 기초 문법

Ajax의 정의, 기초적인 개념에 대한 설명은 없어서 따로 검색하다가 참고하기 좋은 사이트 찾았다. http://www.tcpschool.com/ajax/ajax_intro_basic Ajax (Asynchronous JavaScript and XML) : 빠르게 동작하는 동적 웹 페이지 개발 기법 중 하나. 웹 페이지 전체를 다시 로딩하지 않고도, 일부분만 갱신 가능. 백그라운드 영역에서 서버와 통신하고, 그 결과를 웹 페이지 일부분에만 표시할 수 있다. 서버와 다양한 형태의 데이터를 주고받을 수 있다. (JSON , XML, HTML, 텍스트 파일 등.) *주의* Ajax는 JQuery를 임포트 한 페이지에서만 동작. 구글 검색창, 데이터만 있는 서울시 오픈 api 등에서 콘솔을 열고 ajax를 사용..

728x90