항해 중/웹 개발 플러스4 웹개발 플러스 4주차 강의 Bulma란? : 지금까지 썼던 Bootstrap과 비슷하게, 미리 정해진 모습의 클래스를 가져다 쓸 수 있는 무료 CSS 프레임워크이다. - Bootstrap과 비교 : Bootstrap은 jQuery를 써서 웹사이트에서의 상호작용을 쉽게 구현 할 수 있는 반면, Bulma는 순수한 CSS 프레임워크이기 때문에 기능을 직접 구현해야 하지만 대신 더 자유롭게 커스터마이징이 가능해요 - Bootstrap은 커뮤니티가 커서 테마나 플러그인 등이 개발이 많이 되어 있고 질문에 대한 답이나 예시를 찾기 더 쉽고, Bulma는 문법이 직관적이고 Flexbox 등 최신기술을 많이 쓴다. Bulma 공식 문서 https://bulma.io/documentation/ Bulma: Free, open source, an.. 2021. 11. 4. 웹개발 플러스 3주차 강의 Selennuim : request 보다 더 다양한 기능을 할 수 있는 녀석 (정보를 가져온다.) 브라우저 제어 - 내가 필요한 정보를 얻기 위해 로그인, 스크롤내리기 등 브라우저를 동작 시킬 때 selenium과 같은 브라우저 제어 프로그램을 이용 할 수 있다. - 브라우저를 직접 작동 시키는 것으로 스크롤도 내리고 값을 넣을수도 있는 툴이다. (정보를 받아오기 위해 requests를 사용 했을 때는 단순히 get으로 요청하고 돌아온 값을 가지고 활용 했었다.) - 웹스크래핑 뿐만 아니라 브라우저 제어 기능을 응용하면 정해진 시간에 게시판에 글을 작성하는 등 다양한 업무를 자동화하는 데 쓰일 수 있습니다. 1. 셀레니움으로 스크랭핑 하기 (1) 웹스크래핑이란? : 웹페이지에서 우리가 원하는 부분의 데이.. 2021. 11. 3. 웹개발 플러스 2주차 강의 동적 웹페이지 vs 정적 웹페이지 - 정적 웹페이지(static web page)는 서버에 저장되어 있는 HTML+CSS 파일을 그대로 보여주는 것! - 반면 동적 웹페이지(dynamic web page)는 상황에 따라 서버에 저장되어 있는 HTML에 데이터 추가 / 가공을 해서 보여주는 방법이다. - 정적 웹페이지는 추가적인 통신 & 계산이 필요 없기 때문에 속도가 빠르고 서버에 부담이 적은 반면, 추가/수정/삭제 등 내용 변경이 필요할 때 HTML 자체를 수정해야 하기 때문에 번거롭다는 단점이 있다. - 동적 웹페이지는 한 페이지에서 상황/시간/사용자 요청에 따라 다른 모습을 보여줄 수 있다는 장점이 있지만 상대적으로 보안이 취약하고 모습이 계속 변하기 때문에 (많은 경우 주소도 같이 변한다) 검색 .. 2021. 11. 2. 웹개발 플러스 1주차 강의 1주차 할 일 이론 복습 클라이언트 : 요청을 하는 쪽(브라우저, 핸드폰) 서버 : 요청을 받는 쪽(API라는 창구를 통해서 클라이언트와 소통한다.) (은행 창구처럼 정해진 규칙이 있다. -> 입출력을 하고 싶으면 입출력 창구를 가야 하고 주민등록증이 필요한 것을 의미) 그런 규칙들로 요청을 받으면 HTML, CSS, JS를 가져다가 돌려서 돌려주기도 하고 DB를 거쳐서 데이터를 돌려주기도 했다. / JSON 형태(딕셔너리+리스트 형태)로 값을 돌려준다. 서버는 특수한 컴퓨터가 아니다! - 서버는 컴퓨터의 역할일 뿐이다. 사람도 투잡을 할 수 있는 것처럼 컴퓨터도 여러 역할을 맡을 수 있다. DB도 돌리고, 서버도 돌리고, 게임도 하고! - 서버는 요청을 받으면 HTML + CSS + JavaScript.. 2021. 11. 1. 이전 1 다음 728x90
