항해99 본과정에 들어가기전 javascript와 flask를 사용해 팀원들과 함께 미니프로젝트를 진행하였다. 웹개발 종합반은 2회독 정도 진행했으며 이해가 안되는 부분은 더 듣고 강의자료를 참고하여 익혔다. 크롤링과 GET POST 방식에 대한 연습 및 이해를 높이기위해 이 기능들을 최대한 많이 활용하는 프로젝트를 진행하기로 하였고 웹툰 소개 페이지를 만들기로 결정하였다. 웹페이지 설계 페이지는 위와 같이 구성하기로 하였고 팀원은 총 5명이였다. 메인페이지 구현 2명 게시판페이지 구현 2명 로그인/회원가입 구현 1명 으로 나눠서 하기로 했고 나는 로그인/회원가입 부분을 구현하기로 했다. 기능 구현 계획 매니저님과 질의응답하는 시간을 가졌고 우리 팀원들이 설계했던 웹페이지가 지금 단계에서는 성공하지 못할..
Flask 프레임워크란 서버를 구동시키기위한 python 프레임워크로 간편하게 서버를 구동시킬 수 있도록 도와주는 프레임워크이다. mongoDB는 NoSQL의 한 종류로 딕셔너리 형태로 데이터를 저장한다. 데이터 마다 고유의 id를 가지지않고 빠른 장점이 있지만 그만큼 데이터의 일관성이 부족 할 수 있다. Flask 기본 소스코드 from flask import Flask, render_template app = Flask(__name__) ## URL 별로 함수명이 같거나, ## route('/') 등의 주소가 같으면 안됩니다. @app.route('/') def home(): return render_template('index.html') if __name__ == '__main__': app.ru..
jQuery에 대해 jQuery는 웹사이트에서 자바스크립트를 쉽게 사용 할 수 있도록 도와주는 자바스크립트 라이브러리이다. jQuery를 이용하면 웹페이지를 쉽게 조작할 수 있고 모든 웹브라우저와 대응이 가능할 정도로 호환성도 뛰어나다. 또한 javascript와 비교했을때 코드도 간견한 편에 속하는데 아래와 같이 비교를 해본다면 javascript로 숨김기능을 구현할 때 document.getElementById("element").style.display = "none"; jQuery로 숨김기능을 구현할 때 $('#element').hide(); 위처럼 굉장히 간결하고 직관적인 코드로 기능을 구현할 수 있다. jQuery의 사용 jQuery의 CDN을 사이에 import해줘야한다. jQuery CDN..
html / css / javascript의 내용에 대해 훑어보고 간단한 웹페이지를 만드는 주차였다. 부트스트랩을 통해 css를 꾸몄는데 생각한거보다 훨씬 많은 css를 꾸밀 요소들이 많았고 잘 찾기만 한다면 웬만한 형태의 웹페이지는 모두 만들 수 있을 듯한 느낌이였다. margin과 padding의 차이가 항상 헷갈렸는데 이번에 다시 보면서 바로 잡혔다. java보다 javascript가 더 자유로운 형태의 언어인 느낌이 들었다. 변수를 선언할때 자료형을 선언하지 않는 것에서 크게 느꼈다. 1. 부트스트랩 부트스트랩의 탄생배경은 서로 다른 인터페이스를 사용하는 여러 개발자들이 공동 개발을 할때 디자인이 일치하지 않고 관리도 어렵고 코드의 양도 방대해지는 등의 문제로 일관성을 유지시키기위해 개발된 프레임..
