반응형 분류 전체보기580 [크롤링, 예제 5] 이미지를 크롤링 해서 컴퓨터에 저장하기 4달만에 올리는 크롤링 포스팅인데 그 사이에는 개인 프로젝트, 웹 공부(spring, bootstrap)을 하느라 올릴 시간이 부족했던 것 같다. 오랜만에 소개할 예제는 이미지 크롤링이다. 이미지 크롤링 자체는 지금까지 해왔던 예제들만 잘 이해했다면 전혀 어렵지 않을 것인데, 이번 포스팅에서는 이미지 파일 저장을 위한 디렉토리 폴더 생성, 다운로드, 헤더 추가 개념이 새로 도입될 것이고 중요한 개념이니 꼭 이해하고 넘어가는 것이 좋다. 설명은 최대한 자세하게 할 것이고 이해가 안되는 부분이 있다면 댓글로 질문도 받을 것이니 편한 마음으로 시작해보자. 0. 크롤링 계획 세우기 저작권 없는 무료 이미지 사이트에서, 원하는 키워드와 관련된 이미지를 원하는 만큼 크롤링하여 컴퓨터에 저장하도록 하는 프로그램을 만.. 2021. 3. 10. [Linux] Linux와 명령어, 구름IDE 소개 1. Linux란? 리눅스는 UNIX 운영체제에서 파생된 오픈소스 운영체제이다. UNIX에서 파생되었기에 특히 보안면에서 우수하고 많은 네트워킹 기술을 제공하기 때문에 서버용 운영체제로 적합하다. 그리고 오픈소스 운영체제이기 때문에 개발자가 개조하고 배포하는 것이 가능하다. 리눅스 기반인 대표적인 운영체제로 안드로이드가 있다. Windows는 한 사용자가 한 컴퓨터를 사용(단일 사용자)하는 것을 기반으로 만들어진 운영체제이지만, Linux는 여러 사용자가 한 컴퓨터에 접속해서 사용(다중 사용자)하는 것을 기반으로 만들어진 운영체제이다. 리눅스도 수많은 배포 버전이 있는데 대표적으로 레드햇계열의 CentOS와 fedora, 데비안계열의 ubuntu가 많이 사용된다. 전세계적으로는 ubuntu가 더 인기 있.. 2021. 3. 8. [Bootstrap] Bootstrap 소개와 간단한 이용법 1. Bootstrap이란? 웹 디자인 프레임워크이며, 반응형 웹 사이트를 쉽게 제작할 수 있도록 도와준다. ※ 반응형 웹사이트 : 웹의 스크린 환경에 따라 반응하는 페이지 2. Bootstrap을 쓰는 이유 CSS, Javascript 코드를 직접 작성하지 않아도 Bootstrap에서 소스파일을 제공해주기 때문에 필요한 디자인을 바로 적용시킬 수 있다. Bootstrap에서 제공하는 CSS, Javascript파일은 웹 디자인에 약한 개발자에게는 최고의 도구가 될 것이다. 게다가 Bootstrap 공식 웹사이트에서 적용 코드와 각종 예제까지 제공한다. 다음 절에서 이 가이드를 참고하여 소스코드를 사용해볼 것이다. getbootstrap.com/docs/5.0/getting-started/introduc.. 2021. 3. 2. Ajax(2) - jQuery로 사용하기 1. $.ajax() 메소드 jQuery로 Ajax를 사용하기 위해 $.ajax() 메소드를 사용한다. 여기서 $는 jQuery 객체를 의미하는데, jQuery에서 ajax() 메소드를 제공한다고 해석할 수 있다. ajax 메소드의 인자로 url주소와 추가 옵션들을 정할 수 있다. 사용 예시 $(function() { $("선택자").on("click", function() { //해당 요소를 [클릭]시 호출 $.ajax({ url: "/path.php", //요청을 보낼 서버의 URL주소 data: { name: "jooyeok", age: "24"}, //서버로 보낼 데이터 type: "GET", // 요청 방식 dataType: "json" // 서버에서 보내줄 데이터 타입 }) .done(func.. 2021. 2. 26. Ajax(1) - 기본 개념 소개와 동작 원리 1. Ajax란? Ajax(Asynchronous Javascript and xml) 자바스크립트의 라이브러리중 하나이며, 비동기식 자바스크립트와 xml을 뜻한다. Ajax를 사용하면 페이지 새로고침 없이 페이지 일부의 데이터를 바꿀 수 있게 된다. 데이터 로드를 위해 XMLHttpRequest 객체를 이용하는 것이 특징이다. 2. Ajax의 동작 원리 사용자에 의해 이벤트가 발생하면 핸들러에 의해 바로 자바스크립트를 불러온다. 그 후 자바스크립트에서는 XmlHttpRequest 객체를 이용하여 서버로 요청을 보내는데, 그동안 웹 브라우저는 응답을 기다릴 필요 없이 다른 작업을 수행할 수 있다(비동기 방식). 서버측에서 처리를 마치고 XmlHttpRequest 객체를 전달 받으면 이를 토대로 Ajax요청.. 2021. 2. 25. [Flask] render_template로 html 페이지 반환 이전 포스팅에서는 Flask 웹서버로 접속했을 때 "Hello World!" 문구를 반환(출력)하도록 했다. kimcoder.tistory.com/254 [Flask] Flask는 무엇인가? + Flask 기초 1. Flask란? Flask는 파이썬 기반 웹 프레임워크중 하나이다. 자바가 아닌 파이썬으로도 웹 서버를 만들 수 있다는 의미이다. 자바 기반 웹 프레임워크로는 대표적으로 Spring이 있듯이, 파이썬 기반 kimcoder.tistory.com 물론 문자열이 아닌 flask 서버 내의 html 문서를 반환할 수도 있는데, 이를 가능하게 해주는 render_template 메소드를 이번 포스팅에서 간략하게 소개하고자 한다. 이번 예제에 필요한 프로젝트 구성이다. 매우 간단한 구성이며, app_co.. 2021. 2. 22. [Flask] Flask는 무엇인가? + Flask 기초 1. Flask란? Flask는 파이썬 기반 웹 프레임워크중 하나이다. 자바가 아닌 파이썬으로도 웹 서버를 만들 수 있다는 의미이다. 자바 기반 웹 프레임워크로는 대표적으로 Spring이 있듯이, 파이썬 기반 웹 프레임 워크로는 대표적으로 Flask, Django가 있는 것이다. 2. Flask는 언제 쓰이는가? 앞에서 언급했듯이, 파이썬 기반으로 웹 개발을 하고싶을 때 사용할 수 있다. 파이썬이 back-end쪽을 담당하고 HTML, CSS, JAVASCRIPT이 Front-end쪽을 담당하게 하는식으로 구현하여 웹 프로젝트를 수행할 수 있다. 이미지, 영상처리, AI 관련 프로그램을 개발하는데에는 파이썬이 많은 사랑을 받고 있는데, 파이썬으로 성능 좋고 빠른 훌륭한 라이브러리들을 많이 접할 수 있기 .. 2021. 2. 18. [개발중 Progress #5] Open The Door! Progress #5 : 매주 토,일마다 stage 하나씩 제작하여 35단계까지 완성했다. 일부 단계 수정 - 일부 발판의 collider 범위를 늘려 끄트머리에서도 점프가 이루어지게 함 31단계부터 지옥 테마 제작 스테이지 선택 스크롤의 뻑뻑함 개선 스테이지 선택 화면에서 스테이지별 획득 다이아 확인 가능 스테이지 선택 화면 우측 상단에 누적 다이아 확인 가능 진행 단계 이후의 레벨은 모두 LOCK pc/모바일 지원 가능하게 개선 pc에서의 점프 버그 개선 메인화면 하늘 수정 < LEVEL 29 Mi.. 2021. 2. 13. [Spring] Spring Security(7) - 자동 로그인 기능 추가 포털 사이트에 로그인을 해본 경험이 있다면 로그인 상태 유지 여부를 선택할 수 있는 기능을 봤을 것이다. 이 기능을 영어로는 remember-me 라고도 한다. 네이버 다음 이 체크 박스를 눌러 체크하고 로그인을 진행하면 브라우저에 쿠키가 남게 되며, 다음 방문 때도 로그인 상태를 유지시켜준다. 단, 쿠키 시간이 만료되거나 로그아웃을 했다면 다음 방문때는 다시 로그인을 해야한다. 이러한 기능을 우리가 만드는 웹사이트에 추가해보자. 예제 프로젝트의 구성은 이렇다. 빨간 상자로 표시해둔 파일들은 이번에 수정할 파일들이다. 1. 로그인 VIEW에 로그인 유지 체크박스 추가 아래 한줄을 추가했다. 로그인 유지 input 타입은 체크박스로 하고, 따로 커스터마이징 하지 않았다면 name 속성은 "_spring_s.. 2021. 2. 9. 이전 1 ··· 36 37 38 39 40 41 42 ··· 65 다음
