
항해99 Pre-onboarding 1주차 항해일지 오늘은 입학셤날 그래서 따로 스터디를 진행하지않고, 제출하고 남는시간동안은 자바 문법 뿌시기 강의를 들었다. 밍글데이도 했는데 zep에서 달리기도하고 o/x퀴즈도하고 잼났음 ㅎ 그래서 간단히 문제 풀이내용만 작성하기로! ✏️ 오늘 문제로 풀었던 소스코드 설명 화성에 땅 사놓기 화면에 구매한 평수에 따른 가격을 출력하는 기능추가 *) 이전 포스팅에서 화성땅프로젝트 관련 내용은 포스팅 했기 때문에 기능 추가 내용만 기술 ☑ 1.1 화성땅 화면에 주문 평수에 따른 가격 출력 (index.html) function save_order() { let name = $('#name').val() let address = $('#address').val() let s..

항해99 Pre-onboarding 1주차 항해일지 📍Today I Learn(Day 1 - Chapter 1&2) - 배운 것 : 변수, 변수 선언, 변수 사용, 변수 사용 범위 자바의 기본 타입 (정수, 실수, 논리값) 자바의 타입 변환 변수와 시스템 입출력 (1) 변수 변수는 값을 저장하는 저장소의 이름 변수 이름에는 몇가지 규칙이 있음 ( 첫글자는 문자 or & or _ 이어야함, 대소문자를 구별하고, 예약어 사용불가, 자바에서는 변수명은 캐멀케이스로 이름을 맞춰 지어야함) 변수는 메소드 블럭안에서만 사용하는 로컬변수 / 메소드 블록 전체에서 사용하는 전역변수로 선언함 *) 초기화 하지 않으면 사용할 수 없다! (2) 기본 타입 자바의 기본타입에는 크게 정수타입, 실수타입, 논리타입이 있다 타입별..

항해99 Pre-onboarding 1주차 항해일지 📍Today I Learn(Day 2 - Chapter 3) - 배운 것 : 연산자와 연산식 (1) 연산자와 연산식 1️⃣ 연산자와 피연산자? 연산에 사용되는 표시나 기호를 연산자, 연산자와 함께 연산되는 데이터를 피연산자라 함 x + y - x,y는 피연산자 - +는 연산자 연산식은 반드시 하나의 결과값을 산출함 2️⃣ 연산의 방향, 우선순위 단항 > 이항 > 삼항 연산자 순으로 우선순위를 가짐 단항 연산자: 연산에 피연산자가 한개인 연산자 ㄴ 부호(+,-), 증감(++,--), 논리부정(!) ex)+x, -x, ++x, x++ 이항 연산자: 연산에 피연산자가 두개인 연산자 ㄴ 산술연산자(+,-,*,/,%), 문자열결합연산자(+), 비교연산자( 등),..

항해99 5주차 항해일지 회고록 뒤늦게 웹 종합반을 후루룩 수강한 후 사전 스터디 참여는 늦었을 것 같아서 .. 같이 항해 99를 수강하고 있는 나의 항해 동반자와 두명이서 약 2일간 토이프로젝트를 진행해보았다. 오늘의 날씨 바로가기 ☁ 코드는 아직 정리가 덜 되서 .. 추후에 올리는것으로 하고 해당 페이지의 기능을 간단히 설명하면 📍날씨 API로 부터 날씨 정보를 받아와서 지역별로 보여준다 📍 보여주는 날씨의 기준은 현재 / 3시간 / 6시간 후 📍 날씨 정보 및 온도가 보여지도록 함 📍 아래의 [LIVE CHAT] 을 통하여 지역별 사용자들이 날씨 정보에 대해서 실시간으로 나눌 수 있도록 채팅 기능을 제공함 📍 날씨 아이콘은 [맑음]의 경우 낮에는 해, 밤에는 달이 보이도록 설정함 📒 아쉬운 점 🌀 ..

항해99 4주차 항해일지 회고록 | 웹개발 종합반 - 4주차 📍 수업 목표 Flask 프레임워크를 활용해서 API를 만들 수 있다. '화성에 땅사기' API를 만들고 클라이언트에 연결한다. '스파르타피디아' API를 만들고 클라이언트와 연결한다. *) 사전 학습 - flask 이용하여 로컬 개발환경 구축하기 🔍 flask란? micro web framework로 간단한 웹 사이트, 혹은 간단한 API서버를 만드는데 특화되어있는 python web framework임! Flask 서버를 만들때에는 아래와 같은 폴더 구조로 만들어야함 #Flask 서버를 만들기 위한 뼈대코드 from flask import Flask app = Flask(__name__) @app.route('/') // 해당 부분을 수정해..

항해99 3주차 항해일지 회고록 | 웹개발 종합반 - 3주차 📍 수업 목표 파이썬 기초 문법을 안다. 원하는 페이지를 크롤링 할 수 있다. pymongo를 통해 mongoDB를 제어할 수 있다. ✏️ 2주차 학습 내용 복습 전주 만들었던 스파르타피디아에 openAPI를 붙여서 영화정보를 받아오기 (1) 웹 페이지가 로드되면 javascript가 바로 실행되도록하는 코드 $(document).ready(function(){ listing(); }); function listing() { console.log('로딩 후 실행되었습니다'); // 로딩 후 바로실행 함수 동작시 콘솔에 로그 발행 } (2) Ajax를 이용해 openAPI에 데이터를 요청하고 받아보기 function listing() { $('#..

항해99 2주차 항해일지 회고록 | 웹개발 종합반 - 2주차 📍 수업 목표 Javascript 문법에 익숙해진다. jQuery로 간단한 HTML을 조작할 수 있다. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. (1) Jquery와 Ajax - jQuery를 이용해 Javascript로 HTML을 쉽게 제어하고, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아보기 ✏️ Jquery란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 라이브러리 짜여져있는 소스코드를 가져와서 사용하는것임으로 쓰기전 임포트 과정이 필요함 (ex - Javascripts) document.getElementById("element").style.display = "none"; ..

항해99 1주차 항해일지 회고록 전주 약 3년간 재직하던 회사를 퇴사한 후 일주일간의 안식주간을 가진 후 오늘부터 항해99 사전 학습을 시작하였다. 항해 99의 사전학습기간동안은 웹 개발 종합반과 주특기(java) 맛보기를 진행할 예정 😉 꾸준히 작성할 수 있을지 모르겠지만 오늘부터 작심 3주라도 ! 화이탱 🔥 | 웹개발 종합반 - 1주차 📍 수업 목표 서버와 클라이언트의 역할에 대해 이해 HTML,CSS의 기초지식 이해, 부트스트랩 사용법 익히기 Javascripts 기초 문법 익히기 (1) 서버와 클라이언트 브라우저는 사용자의 행위에 따라 약속된 API를 호출하여 요청을 보내고, 서버로부터 수신받은 HTML을 그려주는 역 데이터만 받을 경우에는 JSON 형태로 데이터만 전달받아서 기존 데이터를 치환함..