Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 파이썬 문법 변수, 자료형, 함수, 조건문, 반복문 Ⅱ. 해보기 1. 숫자형, 문자열 변수, 덧셈 연산 예제 코드 # 숫자형_ 덧셈 연산 a = 2 b = 3 print(a+b) # 문자열_ 덧셈 연산 c = 'deokjin' d = 'jeong' print(c+d) 2. 리스트형_ 선언, 자료 추출, 값 추가 리스트형_선언 및 자료 추출 # 리스트형_자료 추출 a_list = ['사과', '배', '감'] print(a_list[0]) 리스트형_선언 및 값 추가 # 리스트형_값 추가 b_list = ['사과', '배', '감'] b_list.append('수박') print(b_list) 3. 딕셔너리형 값 선언 및 호출 예제 코드 # 딕셔..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 파이썬 기초 환경 셋팅 고민되는건 가상환경 때문에 노션 자동화 프로그램이 안 먹는건가 싶어서 연습했던걸 다 지워봄... Ⅱ. 해보기 1. 파이참에서 파이썬 기본 셋팅 새 프로젝트 설정하면 이렇게 창이 뜸 위치 : 내가 바탕화면에 잡아놓은 폴더로 들어가게 하기 가상 환경 위치 : 가상 환경도 내가 잡아놓은 폴더로 들어가게 하기 기본 인터프리터 : 3.8 로 되게 하기 ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ 이건 파이썬 홈페이지에서 3.8 을 받았기 때문 main.py 웰컴 스크립트 생성은 해제 그러면, 이렇게 가상환경 까지 잘 설치가 됨. 이 가상환경에는 뭘 만들면 안 됨 안 보이는 애라고 생각하면 됨 비쥬얼 스튜디오 코드에서는 그냥 만들어짐 파이참이 아니라, ..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 만든것을 붙여놓기 Ⅱ. 해보기 1. 만들어진 DB 를 API 형태로 가져와서 확인 api 주소 http://spartacodingclub.shop/web/api/movie 만들어진 api 확인 2. 로딩 후 바로 console 에 '로딩이 잘 되었다.' 는 메시지 보이게 하기 [ajax 뼈대만들기] $(document).ready(function () { listing(); }); function listing() { console.log('화면 로딩 후 잘 실행되었습니다'); } 읽어보기 $(document).ready(function () { : 로딩 후 어떤 함수가 실행이 될거야. 그게 뭐야? listing(); : 리스팅 함수가 실행 ..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 현재 기온 몇 도! 를 api 로 받아와서 체크하게 하기 Ⅱ. 날씨 api 살펴보기 1. 해봐 날씨 api 링크 http://spartacodingclub.shop/sparta_api/weather/seoul api 사진 2. 1주차 homework 에 p 태그, span 태그, id 추가 수정한 code 다키스트아워 팬명록 ⚔ 현재 기온🌡 : 00.0 도 중요한 부분 00.0 : 1) span태그 으로 00.0 을 찍어주고 2) 해당 부분에 temp id 설정 ⭐⭐⭐⭐⭐ 3. 로딩이 완료되면 -> alert 뜨게 하기 필요한 이유 클릭하면 -> 뜨게 하는게 아님 그냥, 로딩 되면 -> 뜨게 하는것! 이기 때문에 검색하는 팁 로딩 되면 -> ..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 르탄이 나와 클릭하면 -> 이미지 & 텍스트 변경되는 것 핵심은 메시지랑 URL 을 바꿔치기 해서 다른 이미지가 나오게 하는 것! ⭐⭐⭐⭐⭐ Ⅱ. 기본 코드 및 api 확인 1. ajax code 퀴즈 풀기 이전 제공 코드 JQuery+Ajax의 조합을 연습하자! 3. 르탄이 API를 이용하기! 아래를 르탄이 사진으로 바꿔주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 르탄이 나와 나는 ㅇㅇㅇ하는 르탄이! 기본적으로 이렇게 나옴 2. 르탄이 API 주소 http://spartacodingclub.shop/sparta_api/rtan 이렇게 나옴 Ⅲ. 해보기 1. 이전 단계랑 다른 점 : '이번 과정에서 사용하는 ajax는?'..

Ⅰ. 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 따릉이 데이터로 이렇게 만들기 업데이트 버튼 누르면 -> 나오게 5개 미만이면 -> 빨간색 Ⅱ. 따릉이 API 데이터 구조 확인 1. 해봐 따릉이 API http://spartacodingclub.shop/sparta_api/seoulbike 보면서 확인할 것 전체 데이터 구조 필요한 항목 이름 체크 Ⅲ. ajax 퀴즈 1 1. 기본 제공 코드 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 102. 망원역 1번출구 앞 22 0 103. ..

학습 목표 (goal) 이해 하고자 하는 것 'CSS' CSS 중요 원리인 =='부모 자식 관계'== 만들고자 하는 것 '로그인 페이지' 를 꾸미기 학습 목표는? '이해' 의 경우 '' 만들기의 경우 구체적으로 어떤 코드를 해서 > 어떤 output 을 명확히 보여주기! syntax 의 경우 ''이런 output 만들려면 > 이런 code(태그) 필요하겠다.'' 를 떠올릴 수 있기. 복습 방향 ⭐⭐⭐ 고민중 CSS 이해 CSS 란? cascading style sheet. 물 흐르듯이 스타일이 변화해 간다. '==뭔가==를' '==꾸미는 것==' 꾸미려면, '==뭔가==를 가리키는 것' 이 전제 되어야 함. '뭔가' 는 뭘 의미? 꾸밈을 받는 대상 속성? 특성? '짱구 바지의 색' 을 바꾸고 싶어. 이때..

학습 목표 (goal) 만들고자 하는 것 로그인 페이지 학습 목표는? 이걸 안 보고 치는거? '어떤 기능(==태그==) 이 필요하겠다.' 정도를 떠올릴 수 있는 것? 만들어보는 학습에서 중요한 포인트 구체적으로 어떤 코드를 해서 > 어떤걸 만들게 되었는가! 복습 방향 ⭐⭐⭐ (고민중) 뼈대 만들기 로그인 페이지 Id : Password : 로그인 하기 : 버튼입니다

학습 목표 기본적인 '태그' 가 '어떤 output' 을 내는지 'library' 만들어놓기 여기에 있는걸 ==코드 스니펫== 으로 사용할 수 있게 ==syntax 정리== syntax 정리할 때의 포인트 ⭐⭐⭐⭐⭐ input > ==code== > ==output== 이 ==명확==하게 보일 수 있도록! '뭔가를 쓸 수 있는 공간' 처럼 내가 직관적으로 써넣을 수 있는 것들 까지 ==검색을 위해 '직관적 유사어'== 최대한 많이 기록 복습 방향 ⭐⭐⭐ 암기 노노 ==이런 output== 을 내려면 -> ==어떤 키워드, 태그, 를== 떠올려서, ==검색해야 하나?== 정도만 구체적인 syntax 는 여기에서 =='복붙'== 으로 해결 기본 태그(tag) 이해 ### div 태그 구역을 나누는 기능 나는..

학습 목표 '해킹' 을 통해 내가 네이버 검색을 하고 -> 브라우저가 서버에 뭔가를 주고 -> 서버는 그 다음 뭘 하고 -> 그 다음 브라우저는 무엇을 하는지 이해할 수 있다. 쉽게 말하면, 클라이언트, 브라우저, 서버를 쉽게 쉽게 이해해보기 '가짜 해킹'을 통해 인터넷 핵심 요소 이해하기 1️⃣ (사용자) 내가 네이버에서 '삼성전자' 라고 검색하고 enter 누른다. 2️⃣ (브라우저) 그러면, 브라우저는 '서버' 에게 'query값이 반영된 ==삼형제==' 를 요청한다. 다만, 아직, 구체적으로 무엇이라고 명명해야 하는지는 모르겠음. 나에게 일어나고 있는 일을 이렇게 기록하는 것 임 3️⃣ (서버) 서버는 브라우저의 요청에 삼형제를 주는 response' 을 한다. 4️⃣ (브라우저) ==브라우저==..