728x90

조건문 16

웹개발 종합반 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..

웹개발 종합반 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를 사용..

웹개발 종합반 1주차 (1-15) : Javascript 연습 (list-dictionary, 반복문, 조건문)

예제 1) 서울시 미세먼지 콘솔 창에 코드 스니펫(서울시 미세먼지) 붙여 넣고 엔터. mise_list 불러보면 리스트 안에 딕셔너리가 25개 들어있는 구조. 딕셔너리를 순서대로 출력하려면 반복문 사용. for (let i = 0; i 0번부터 25번까지. 화살표 위 키로 반복문 다시 불러오기. 딕셔너리 하나를 열어 키 -밸류 구성 확인, console.log로 구 이름과 미세먼지 값만 반복해서 찍어보기. * 더블 클릭하면 그 영역만 선택됨. *선택된 부분을 클릭-드래그해서 옮기기 가능. 제대로 ..

웹개발 종합반 1주차 (1-14) : Javascript 기초 문법(2) - 함수, 조건문, 반복문

cf. 수학에서의 함수: 값을 넣으면 해당하는 결과 값이 나옴. *프로그래밍에서 함수: 부르면 정해진 일을 실행함. *개발자 도구 콘솔 : { }로 조건 입력할 때 처럼, 명령 없이 다음 줄로 넘어가려면 shift + enter 자바스크립트는 변수, 자료형, 함수, 조건문, 반복문 5가지만 알고 있어도 기본적인 로직 구현 가능. [3] 함수 (이어서) : *만들기 (선언) function 함수이름(필요한 변수들) { 내릴 명령 내용을 순차적으로 작성 } *사용하기 함수이름(필요한 변수들); ex 1) 더하는 함수 만들기 function sum(num1, num2) { return num1 + num2; } : sum 이라는 이름의 함수는 num1 과 num2를 가지고, 두 값을 더한 값으로 반환(retu..

728x90