목록코딩공부/웹개발 (3)
슈코딩
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/T5b28/btrAh8p7BDo/UJ9G3C7VxWFH5rHjJ3yKj0/img.png)
1. Flask 서버란? > 컴퓨터 네트워크에서 다른 컴퓨터에 서비스를 제공하기 위한 컴퓨터 또는 소프트웨어 로컬 개발환경? >내 컴퓨터에서 만들고 내 컴퓨터에서 테스트 할 수 있는 환경 Flask 프레임워크란? > 서버를 구동시켜주는 편한코드 모음 >예를들어 복잡한 요리를 간편하게 해주는 냉동식품/3분요리/소스 #서버 만들기에 앞서 Flask패키지를 설치한다. #서버만들기 입문 -Flask 시작 코드 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) 위의 코드를 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/IWVk9/btrzKumMK6T/EtO1oQdBK4a6eEyCHc6ZJk/img.png)
1. jQuery -jQuery 는 미리 짜둔 Javascript의 라이브러리이다. ( CSS의 부트스트랩과 동일성향 ) -> 길고 복잡한 Javascript 를 직관적이게 쓸 수 있게 된다. -jQuery 는 아래의 코드를 html에 넣어야 사용할 수 있다. -jQuery는 아래코드처럼 작성을 한다. (예시) $('#명칭').명령어(); -Javascript 때 명칭을 지칭하던 class 가 jQuery에선 id 로 지칭한다. (예시) 위의 포스트 박스와 카드 박스를 토대로 기능을 적용 해보면 #감추고 나타내기 감추기 : $('#post-box').hide() 나타내기 : $('#post-box').show() #포스팅 카드 이어붙이기 ! 이어 붙일땐 let temp_html = ` ` 을 작성하고 `..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dpHkNn/btrzOHl4Aw3/L5WF2DjK6v3UCOuZl4L6O1/img.png)
1. 서버와 클라이언트 웹동작의 개념 - 네이버 웹사이트 해킹하기 : 네이버 웹사이트의 표시된 글귀를 크롬검사를 통해 수정할 수 있다.(단, 내화면만) -> 서버에 요청을 해서 (네이버 갖고있는 컴퓨터) 받아온다. -> 웹브라우저는 받아온것을 그려주는 역할을 한다. 2. 웹사이트의 구성 : HTML, CSS, JavaScript - HTML : 뼈대 - CSS : 꾸미기 - JavaScript : 움직임(동적인것) 3. HTML - 기본적으로 head 와 body로 구성되어있다. 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~..