코딩초보 빅토리

최신 글

• 

  웹개발_웹프로그래밍 4주차 개발일지(웹개발 ing) HTML 과 MongoDB까지 연동해서 서버를 만들어 보자! -폴더 세팅 이제 vscode에서 prac 이라는 이름으로 새 폴더를 생성시킨 후 venv 폴더도 만들어준다. 어떻게? 명령어를 통해서! vscode 상단 메뉴바 Terminal > New terminal 누른 후 터미널 창에 python -m venv venv 명령어를 입력해준다. *새 파일 이름을 app.py 로 해주는 이유는 서버를 돌아가게 만드는 파일 이름은 통상적으로 app.py로 많이 짓기 때문이다.* 이제 서버에 프레임워크라고 하는 flask 패키지를 설치 할 차례다. 터미널에 명령어 pip install flask 입력하여 설치 진행 Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음. 서버를 구동할 때 필요한 복잡한 일들..

• 

  웹개발_웹프로그래밍 3주차 개발일지(웹개발) DB Quiz 1 '매트릭스'의 평점 가져오기 from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta movie = db.movies.find_one({'title':'매트릭스'}) target_star = movie['star'] DB Quiz 2 '매트릭스'의 평점과 같은 평점의 영화 제목들을 가져오기 from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta movie = db.movies.find_one({'title':'매트릭스'}) target_star = movie['sta..

• 

  앱개발_모바일프로그래밍 2주차 개발일지 (앱개발) Node & NPM 설치 한 후 cmd 창에 아래 코드 입력 yarn은 npm 보다 가볍고 빠르게 자바스크립트 패키지를 관리 할 수 있게 해주는 자바스크립트 패키지 매니저 툴이다. npm install -g yarn yarn -v //이 코드로 버전 확인 로컬에 엑스포 계정 세팅 https://expo.io/signup Expo 가입 링크 => Expo 계정 생성 후 Expo 계정 컴퓨터와 연결시키기 cmd 창에 아래 명령어 실행 expo login Sign Up — Expo Create an account for Expo here. expo.dev 앞으로 만들기도 하고 연습도 할 작업 공간인 폴더 하나 sparta-study 로 이름 지어 만들어 본다. 1) Expo 명령어 설치 2) 로컬에 Expo ..

• 

  웹개발_웹프로그래밍 2주차 개발일지 (웹개발) 2-1 오늘 배울것 jQuery, Ajax 👉 HTML 파일을 받았다는 가정하에, Javascript로 다시 서버에 데이터를 요청하고 받는 방법을 숙지한다. jQuery를 이용해 Javascript로 HTML을 쉽게 제어하고, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아보기 2-2 Javascript 복습 '포스팅 박스 열기' 박스를 한번 클릭했을 때는 '홀수입니다!', 두번 클릭했을 때는 '짝수입니다!' 입력시키기 짝/홀수 판단하는 방법 let even = 4; console.log(even % 2); // 2로 나눈 나머지가 0입니다. let odd = 5; console.log(odd % 2); // 2로 나눈 나머지가 1입니다. * 이 외에 버튼의 색깔을 바꾸고 싶다거나 div 박스를 하..

• 

  앱개발_모바일프로그래밍 1주차 개발일지 (앱개발) 1주차 Javascript 기초 문법 1. 자바스크립트란? 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어인데 지금은 앱 개발에서도 쓰임 자바스크립트를 이용해 사이트 내의 팝업을 띄울 수 있음 2. 자바스크립트로 가능한 것들 👉곧 배울 리액트 네이티브가 자바스크립트를 기반으로 하기 때문에 앱 개발이 가능하다. 👉 자바스크립트를 공부 할 땐 크롬 브라우저만 있으면 충분하다. 크롬 브라우저를 실행한 다음 윈도우는 : F12 맥은 : alt(option) + command + i 를 눌러서 개발자 콘솔을 열어주기 console.log(변수) 는 개발자가 결과값을 보기 편하도록 콘솔 창에 괄호 안의 값을 출력해준다. console.log(변수1,변수2) 로 여러 변수를 한번에 출력할 수..

• 

  앱개발_모바일프로그래밍 1주차에 들어가며 (앱개발) * 가장 효율적인 학습방법 * ㅡ 특정 기능을 사용하기 위해 어떤 공식문서에서 어느 부분을 어떻게 찾아서 자신의 프로세스에 적용시키는지에 대한 방법을 잘 이해한다면 개발 능력이 발전될 수 있다. ㅡ 1-1 오늘 배울 내용 1. 앱 서비스의 기본 동작 구조 앱 서비스를 만들려면 사용자가 보는 화면인 클라이언트와 데이터 처리 공간인 서버 모두 만들어야 한다. 클라이언트는 휴대폰에 존재하는 수 많은 어플을 생각하면 편하고 서버는 앱, 즉 클라이언트에서 원하는 데이터를 서버에 요청하고 응답 데이터를 받아 사용자에게 보여주는 구조로, 사실 웹사이트의 작동 원리도 이와 비슷하다. 2. 앱과 리액트 네이티브 1 앱을 만들려면? 앱은 "안드로이드"와 "iOS(아이폰)" 두 가지가 대표적인데, 안드로이드는 Java&Ko..

• 

  웹개발_웹프로그래밍 1주차 코딩 개발 일지 (웹개발) 1-3: html, css 기본내용 줄이 안맞을 때 Ctrl+A 전체선택 후 Ctrl+Alt+L을 누르면 자동 정렬 뼈대 역할을 하는 html은 문서 형태를 기반으로 한다. 이 중 기본적으로 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일까요? ``` 1-4: 간단한 로그인 페이지 만들기 h..

• 

  웹개발_웹프로그래밍 1주차에 들어가며 (웹개발) 1-1 서버/클라이언트/웹의 동작 개념 1. 웹의 동작 개념 (HTML을 받는 경우) 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서", "그려주는" 것이다. 즉, 브라우저가 하는 일은 1) 요청을 보내고, 2) 받은 HTML 파일을 그려주는 일이다. 👉 웹의 HTML은 서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보낸다. ex) https://naver.com/ → 이것은 "naver.com"이라는 이름의 서버에 있는, "/" 창구에 요청을 보낸 것! 2. 웹의 동작 개념 (데이터만 받는 경우) 웹은 HTML 뿐만 아니라 데이터만 내려 줄 때가 더 많다. 사실 HTML도 줄글로 쓰면 다 '데이터' 일 뿐이다. 예를 들어 공연 티켓을 예매하고 있는 상황인데,..