Selector Example Example description .class .intro class가 "intro"인 모든 HTML 요소에 대해 선택 .class1.class2 .name1.name2 class가 name1이면서 name2인 모든 HTML 요소에 대해 선택 .class1 .class2 .name1 .name2 class가 name1이거나 name2인 모든 HTML 요소에 대해 선택 #id #firstname id가 "firstname"인 HTML 요소에 대해 선택 * * 모든 HTML 요소에 대해 선택 element p 인 모든 HTML 요소에 대해 선택 element.class p.intro 이면서 class가 "intro"인 모든 HTML 요소에 대해 선택 element,elemen..

Tag Description 주석을 정의 문서 타입을 정의 Hyperlink을 정의 약어를 정의(마우스 오버시 툴팁으로 내용 출력) 문서의 소유자 정보에 대한 정의 image-map에서 해당 영역을 정의 article을 정의(기사 내용과 같이 독립적인 내용을 담을 때 사용) 페이지 내용에 대한 aside(연관된 정보)를 정의 오디오 컨텐츠를 정의 굵은 글씨를 정의 문서내부에서 상대적으로 접근 하는 URL의 기준 URL를 정의 다른 방향으로 지정될 수 있는 언어에 대해 자동으로 텍스트를 분리하여 방향 재정의(ex. 히브리어, 아랍어) 해당 문자의 방향을 재설정 인용에 대해 정의 document의 body에 대해 정의 한줄 넘기는 것에 대해 정의(엔터 처리) 버튼에 대해 정의 scripting를 통해 즉석에..

최근에 친구가 어떤 브랜드의 홈페이지가 이쁘고 신기하다면서 링크를 해주었는데 링크 들어가보니 3D가 구현이 되어 있고 동적으로 마우스 이벤트에도 반응을 하고 신기해서 어떻게 구현을 했는지 소스를 보다 three.js라는 라이브러리가 있어서 찾아보았습니다. https://threejs.org/ three.js – JavaScript 3D library threejs.org 한번 찾아보고 공부를 해보니 이 라이브러리는 기존 구현이 복잡한 WEBGL 기술을 간단한 코드만으로 구현이 가능하게 해주는 라이브러리 였습니다. 공식 예제들도 제공을 해줘서 구경을 하다 이런 것도 구현이 가능하구나 하면서 놀라게 되면서 한번 만들어보자! 하고 예제들을 분석하면서 만들기 시작 했습니다. https://threejs.org/..

jaeseokim.github.io/React/React-JS-%EA%B3%B5%EC%A0%81-%EB%A7%88%EC%8A%A4%ED%81%AC%EB%A7%B5-%EA%B0%9C%EB%B0%9C-%ED%9B%84%EA%B8%B0feat-Kakaomap/ [React JS] - 공적 마스크맵 개발 후기(feat. Kakaomap) 이번에 React JS에 대해 공부를 하면서 "나도 한번 마스크맵, 재난문자 서비스를 개발 해보자!" 라는 생각이 가지게 되어서 급하게 바로 개발을 하기 시작 하게 되었다. 맨 처음 리액트의 컴포넌트 jaeseokim.github.io 이번에 React JS에 대해 공부를 하면서 "나도 한번 마스크 맵, 재난문자 서비스를 개발해보자!"라는 생각이 가지게 되어서 급하게 바로 개발..

jaeseokim.github.io/Python/python-Selenium%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EC%9B%B9-%ED%81%AC%EB%A1%A4%EB%A7%81-Naver-login-%ED%9B%84-%EA%B5%AC%EB%8F%85-Feed-%ED%81%AC%EB%A1%A4%EB%A7%81/ [python] Selenium을 이용한 웹 크롤링 - Naver login 후 구독 Feed 크롤링 Selenium를 이용하여 naver 구독 Feed를 크롤링 하기 위해서는 일단 Naver Login를 처리해야 하고 그다음 피드 페이지의 내용을 불러와 크롤링을 해야 합니다. 여기서 2가지의 문제가 발생하는 데 일단 Na jaeseokim.github.io Sel..

jaeseokim.github.io/Python/python-Selenium%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EC%9B%B9-%ED%81%AC%EB%A1%A4%EB%A7%81-%EA%B0%84%EB%8B%A8-%EC%82%AC%EC%9A%A9%EB%B2%95-%EB%B0%8F-%EC%98%88%EC%A0%9C/ [python] Selenium을 이용한 웹 크롤링 - 간단 사용법 및 예제 Selenium 이란? 다양한 언어에서 웹 드라이버를 통한 웹 자동화 테스트를 지원하는 라이브러리 입니다. 여기서 웹 자동화 테스트에서만 국한 되는 것이 아닌 웹에서 자동화를 통한 다양한 작업을 � jaeseokim.github.io Selenium 이란? 다양한 언어에서 웹 드라이버를..

Activity 란? : UI가 있는 화면을 제공하는 component! 시스템은 새로운 Activity을 시작하면 BackStack에 담고 나서 사용자에게 보여 준다. BackStack은 "LIFO"의 스택 메커니즘을 따르며, 사용자가 ◀ 버튼을 누를 경우, 스택의 최상위(top)에 있는 현재 Activity을 제거(pop and destroy)하고 이전의 Activity을 시작한다. Activity의 생성 Activity Class의 상속 : 안드로이드의 Activity에 대해 정의를 하기 위해서는 Activity 클래스을 상속 받아서 사용해야 한다. Activty 클래스(android.app.Activity) : 해당 안드로이드 버전의 기본 라이브러리 액티비티 클래스이며, 모든 다른 액티비티 클래스..

안드로이드 개발자 등록 최근에 친구들하고 안드로이드를 공부하게 되었는데 개발자 등록을 하고 이번에 개발을 하고 있는 흔하디 흔한 ToDo어플을 올려보고 싶은 마음이 생겨서 이번에 하게 되었습니다. 일단 개발자 등록을 위해 준비물이 필요한데 구글 계정, 약 25달러가 들어있는 카드가 필요 합니다. 구글 개발자 등록 이 링크에 들어가시면 아래와 같은 화면이 나오게 됩니다. 저는 기존 사용하던 구글 계정이 너무 쓸모없는 메일로 가득 차있어서 새로운 계정을 생성하고 등록을 했습니다. 개발자 이용약관 등을 읽고 체크를 하여 다음으로 진행을 합니다. 위와 같이 결제를 진행해 달라는 화면이 뜨는데 결제를 하도록 합니다. 결제가 성공 하면 아래와 같은 화면이 뜨는데 작성하여 마무리 하도록 합니다. 위와 같은 화면이 뜨..