고양이 퍼레이드

1. 4주차 오늘 배울 것 - Flask, 미니프로젝트1(화성땅공동구매), 미니프로젝트2(스파르타피디아) - 로컬 개발환경 : 같은 컴퓨터 내 서버도 만들고 요청도 하고, "클라이언트 = 서버" - But, mongoDB Atlas라는 클라우드 서비스를 이용할 것! - sparta 폴더 -> projects 폴더 내 다섯개 폴더 만들기(prac, mars, movie, homewokr, bucket) - prac : flask 연습 코드 작성 - mars : 화성땅공동구매 코드 작성 - movie : 스파르타피디아 코드 작성 - homework : 팬명록 코드 작성 - bucket : 버킷리스트 코드 작성 2. Flask 시작하기 - 서버 만들기 - new project -> prac 폴더 선택 후 cr..

1. 3주차 내용 - 3주차 설치 : Python, Git bash(윈도우만) - 3주차 배울 것 : Python, 크롤링, mongoDB 2. 파이썬 기초공부(1) 1) 변수 & 기본연산 a = 3 # 3을 a에 넣는다 b = a # a의 값을 b에 넣는다 a = a + 1 # 기존의 a의 값에 1을 더한 후 다시 a에 넣는다 num1 = a*b # a의 값과 b의 값을 곱해 num1에 넣는다 num2 = 99 # 99를 num2에 넣는다 #변수의 이름 마음대로 짓기 가능! 2) 자료형 - 숫자, 문자형 name = 'bob' # 변수에 문자열 입력 가능 num = 12 # 변수에 숫자 입력 가능 is_number = True # True 또는 False의 'Boolean' 형 입력 가능 # 변수에 L..

1. 2주차 오늘 배울 것 : jQuery, Ajax -> jQuery를 이용해 Javascript로 HTML을 쉽게 제어 -> Ajax를 이용해 다시 서버에 데이터 요청 2. jQuery 시작하기 - jQuery : HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것 -> 라이브러리! - 코드 복잡성 & 브라우저 간 호환성 문제 해결 - 임포트 필요 : 사이 - 하지만, 부트스트랩 사용 시 임포트가 이미 되어있음 - jQuery에서 id 값을 이용해 특정 객체(버튼 or 인풋박스 or div 등)를 가리킴 3. jQuery 다뤄보기(1) - 필요한 기능들은 그때그때 구글링! - input 박스의 값 가져오기(val) //id값이 url인 곳의 val 값 가져오기 $('#url'..

1. 3주차 오늘 배울 것 - 자바스크립트 기초&JSX 화면 그리기 계속~! - 리액트 필수지식 : 컴포넌트, 상태, 속성, useEffect - Expo 기능 사용 : 화면을 친구에게 공유, 링크 클릭 시 해당 링크로 화면 전환, 상태바 스타일 변경 등 - 페이지 적용 : 앱 안에 여러 페이지를 두고 버튼을 눌러 이동할 수 있는 기능 장착 2. 나만의 꿀팁 앱 상세 화면 만들어보기 > Hint 1) DetailPage.js 생성 2) 디테일 화면을 위한 데이터 확인 3) DetailPage.js 코드 작성 >결과 화면 > DetailPage.js 코드 import React from 'react'; import { Alert, Text, StyleSheet, View, Image, TouchableOp..

1. 2주차 오늘 배울 것 - 앱 개발 준비 : 리액트 네이티브 앱 개발을 도와주는 expo - 앱 화면 만들기 : 앱 개발 시 구역(레이아웃)을 잡는 문법인 JSX - 앱 필수 기초 지식(리액트 기초) : 간결하고 직관적인 자바스크립트 문법 2. [앱 개발 준비] 리액트 네이티브&expo 설치 및 진행 1) 리액트 네이티브 = 리액트 + 네이티브 - 자바스크립트 하나의 언어로 android와 ios 두가지 모두 만들어주는 라이브러리 - 라이브러리란 개발에 사용하는 도구! - 안드로이드는 java&kotlin, iOS는 swift 언어 사용 -> 실제 자바스크립트 한 언어로만 개발은 어렵기에 도와주는 도구인 expo사용 2) Expo란? - 리액트 네이티브 앱 개발 시 android&iOS 코드를 건드려..

필수 프로그램 설치 : VSCode&안드로이드 스튜디오, node, npm 1. Javascript 기초 문법-1 1) 자바스크립트란? - 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어 - But. 자바스크립트로 앱도 제작 가능 2) 자바스크립트 환경 - 크롬 브라우저에서 F12(윈도우) - console.log(변수) : 콘솔 창에 괄호 안의 값을 출력 - let, var 둘다 변수 선언 사용 가능하지만, let이 더 최신! 3) 변수 - 변수 대입 : ' = '의 오른쪽에 있는 값을 왼쪽에 넣는다 - let으로 변수 선언, 선언한 변수의 값은 이후 변경 가능 - 사칙연산과 문자열 더하기 가능 - const 변수 선언 : const로 선언한 변수에는 새로운 값을 재할당할 수 ..

1. Javascript 맛보기 1) 자바스크립트란? - 프로그래밍 언어로 브라우저가 알아들을 수 있는 언어 - 클라이언트가 서버에 요청하면, 서버가 클라이언트에게 HTML+CSS+Javascript를 전달 2) 자바스크립트- html 연결, 버튼을 클릭하면 경고창이 뜨게 하기 - 함수 만들기 function hey(){ alert('안녕!'); } - 내 코드를 만들어 추가 - 해당 태그 내 자바스크립트 작성 가능 - 버튼에 함수 연결 -> 버튼을 누르면 함수가 불린다. 영화 기록하기 2. Javascript 기초 문법 배우기(1) - [크롬 개발자도구]를 열어 console 탭에 작성 --> 빠르게 자바스크립트 테스트 가능 - console.log(변수) : 콘솔 창에 괄호 안의 값을 출력 - let..

1. HTML, CSS 기본 내용 1) HTML과 CSS의 개념 - HTML은 뼈대, CSS는 꾸미기! - HTML은 구역과 텍스트를 나타내는 코드, CSS는 잡은 구역을 꾸며주는 것 --> HTML 내 style 속성으로 꾸며줄 수 있지만, CSS 파일을 따로 분리해 작성하는 것이 편함 2) HTML 기초 - HTML은 크게 head와 body로 구성 - head는 페이지의 속성 정보, body는 페이지의 내용 - head 내 대표적 요소 : meta, script, link, title 등 - body 내 대표적 요소 : div, p, ul-li, h1, h2, h3, hr, span, a, img, input, textarea 등 --> 정렬 중요!! 2. Quiz. 간단한 로그인 페이지 만들기 로..

1. 1주차 오늘 배울 것 네이버 웹페이지 해킹해보기! 네이버 페이지 들어가기 -> '네이버뉴스'에 마우스 놓기 -> 마우스 우측 클릭 -> 검사 -> '네이버뉴스'를 원하는 문구로 바꾸기 -> 엔터 ==> 바뀌었다! 웹의 동작 개념(HTML을 받는 경우) HTML = 뼈대 CSS = 꾸미기 JS = 바꾸기 브라우저가 하는 일 1) 서버(네이버의 컴퓨터)에 요청을 보내고 2) 받은 HTML 파일을 그려준다 ==> 우리가 보는 웹페이지는 서버에서 미리 준비해두었던 것을 '받아서', 화면에 '그려주는' 것이다!! But, 어디에(where) 요청을 보낼까? 바로 서버가 만들어 놓은 'API'라는 창구에 미리 정해진 약속대로 요청을 보내는 것! ex) https://naver.com -> 'naver.com'..

stack을 구현하라는 문제인데 C++은 STL에서 stack이 구현되어있다. 그래서 그냥 구현되어있는 stack을 이용하겠다. 그전에 내용을 간단히 정리하자. 스택(stack)은 LIFO(Last In First Out)의 자료구조이다. 제일 마지막에 넣은 데이터가 처음으로 나오는 알고리즘으로 기본적으로 push와 pop 으로 동작한다. 이때 push는 stack의 최상단에 자료를 넣고, pop은 stack의 최상단 자료를 추출한다. stack STL을 사용하기 위해 #include 헤더파일을 포함해야 한다. 이후 " stack 스택명; " 으로 stack을 선언한다. 1. 데이터 추가 : 스택명.push(넣을 데이터) 형태로 데이터를 추가한다. stack.push(data); 2. 데이터 삭제 : 스..