HTML/CSS 학습법: 결과 화면 먼저 보고 소스코드를 확인하자 UI와 UX UX(User Experience; 사용자 경험): 사용자 편의성 ex: 링크에 hover했을 때 커서가 손모양으로 바뀌어야 한다. UI(User Interface): 기능을 하는 화면이 있는가 HTML ...
학원 #86일차:서블릿 프로그래밍, 프로젝트를 WAS 아키텍처로 전환
서블릿 컨테이너가 관리하는 컴포넌트는 서블릿, 필터, 리스너로 3가지이다. Servlet 만들기 1. javax.servlet.Servlet 인터페이스 구현 //@WebServlet("/ex01/first") public class Servlet01 implements Servlet { ServletConfig config; pub...
DEVIL: mysql의 datatime 타입과 java.util.Date 클래스
문제 Article의 cdt 컬럼(datetime)에 해당하는 도메인 객체의 필드는 어떤 타입으로 지정해야 할까? 다시 말해, 컬럼의 타입이 datetime일 때는 해당 도메인 객체의 타입을 어떻게 지정하는 것이 좋을까? java.sql.Date 의 경우 시간 정보가 저장되지 않는다. Java.sql.Time의 경우 날짜 정보가 저장되지 않는다. j...
학원 #85일차:서블릿 프로그래밍, WAS, JavaEE와 Servlet 컨테이너, Servlet 인터페이스의 Life-cycle 메서드
서블릿 프로그래밍 웹 애플리케이션 서버 아키텍쳐의 개념 JavaEE와 Servlet API의 관계 JavaEE 구현체와 서블릿 컨테이너의 관계 eomcs-web-project/src-00 예제 실습 Servlet 인터페이스와 Life-cycle 메서드 WAS(Web Application Server) 아키텍처 이전까지는 사...
HTML5 CSS3 웹 표준의 정석 #6장: 텍스트 관련 스타일
6-1. 글꼴 관련 스타일 font-family 속성: 글꼴 지정하기 텍스트 글꼴을 웹문서에서 지정한다고 해도, 사용자의 시스템에 해당 글꼴이 설치되어 있지 않다면 브라우저 기본 값이 나타나거나 다른 글꼴로 표시된다. 따라서 웹 문서에서 글꼴을 지정할 때에는 지정한 글꼴이 없을 경우에 대비해 두 번째, 세 번째 글꼴을 지정해야 한다. 사용자 대부...
DEVIL: 프로그래머스 채용공고 크롤링
변경사항 사람인의 채용공고의 경우 채용공고 게시글의 내용이 이미지 파일인 경우가 많아, 텍스트로 가져오기가 힘들었다. 채용공고 내용이 텍스트로 되어 있고, 채용공고가 개발자 직군에 한정된 프로그래머스 사이트의 채용공고를 크롤링하기로 결정하였다. 채용공고 내용을 가져오기 위해 크롤링 사이트를 바꾼 만큼, 목록 페이지가 아니라 상세보기 페이...
DEVIL: 사람인 채용공고 크롤링
기능 추가 사람인 사이트의 개발자 채용공고를 크롤링하였다. 웹 문서의 HTML 요소를 객체화하여 원하는 데이터를 선택할 수 있게 만들어주는 Jsoup 라이브러리를 사용하였다. 개발자로 검색하였을 때의 주소에 있는 pageCount 값은 검색된 채용공고 게시글 수를 뜻한다. 사용자가 숫자를 입력하면 해당 숫자만큼의 채용공고를 크롤링해와...
코어 자바스크립트 #5 자료구조와 자료형: Object.keys, values, entries
Object.keys, values, entries keys(), values(), entries()는 Map, Set, Array에 적용할 수 있다. 일반 객체에는 다음과 같은 메서드를 사용할 수 있다. Object.keys(obj): 키가 담긴 배열을 반환한다. Object.values(obj): 값이 담긴 배열을 반환한다. Ob...
학원 #81일차: 비즈니스 로직 분리: 서비스 객체 도입
논리적으로 어떤 객체에게 insert라는 일을 시키고, delete이라는 일을 시킬 지를 정하는 것을 논리적으로 전개를 해야 한다. 이것을 묶어서 로직이라고 한다. 업무에 관련된 논리적인 지시를 Business Logic이라고 한다. 화면에 관련된 논리적인 지시는 Presentation Logic이라고 한다. DB에 어떻게 데이터를 넣고 뺄 것인지...
코어 자바스크립트 #5 자료구조와 자료형: 위크맵과 위크셋
weakmap과 weakset 자료구조 구성요소(객체의 프로퍼티, 배열의 요소, 맵이나 셋 구성 요소)도 자신이 속한 자료구조가 메모리에 남아있는 동안 도달 가능한 값으로 취급되어 메모리에서 삭제되지 않는다. (가비지 컬렉터의 대상이 되지 않는다) 자바스크립트 엔진은 도달 가능한 값을 메모리에 유지한다. let john = { name: ...