본문 바로가기

반응형

전체 글

(122)
[ 동영상 시청 ] 프론트엔드에서 Component란? 참고 동영상 https://www.youtube.com/watch?v=2C1tXVHu9XQ 컴포넌트의 의미 전체의 부분 프론트엔드의 컴포넌트란? 과거의 웹 - 비교적 단순하기 때문에 컴포넌트라는 개념이 중요하지 않았음. 오늘날 웹 - 90년대 후반에 AJAX가 등장하면서 웹의 대변화 가 시작 됨. 웹이 점점 동적으로 변해감. 복잡한 웹을 작게 나누게됨 컴포넌트 분리하는 법 Atomic Design : 화학적 개념을 이용하여 컴포넌트를 분리하는 방법론 중 하나 총 5단계 ATOMS(원자) : 인터페이스를 구성하는 최소단위의 블록 -> 검색창을 구성하는 form, input, button 태그와 같은 HTML tag들이 원자에 해당됨 MOLECULES(분자) : 원자들을 하나의 단위로 동작시키는 UI 컴포넌..
[ 동영상 시청 ] 웹 접근성 & 표준 참고 동영상 https://www.youtube.com/watch?v=xToJhmAJYCE 웹 표준의 배경 초기 - 넷스케이프 vs 인터넷 익스플로어 중기 - IE가 독점, IE는 자사에 유리한 플로그인을 대거 채용 말기 - 스마트폰의 등장 웹 표준 이란? 어떠한 운영체제나 브라우저를 사용하여도 동일한 컨텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술이나 규칙입니다. 웹 표준의 장점 브라우저와 os에 관계없이 하나의 코드로 모든 플랫폼에 대응할 수 있어 개발자 입장에서는 개발의 효율성을, 기업 입장에서는 서버 비용 절감과 운영의 효율성을 가져다 준다는 장점이 있습니다. 1. 검색엔진 최적화 2. 개발자가 더 이해하기 쉬운 코드 3. 구조와 표현의 분리 4. 웹 접근성을 높임 웹 접근성 이란? 장애인..
[ 동영상시청 ] 정규 표현식 참고동영상 https://www.youtube.com/watch?v=CjoDIgDOHA4&t=3s 정규표현식의 능력은 특정 패턴을 가지고 문자열을 찾을 수 있다. 정규표현식 = 패턴구분자 시작 + 작성할 패턴 + 패턴구분자 끝 + 패턴 변경자 메타문자 ., C, U를 찾는다면 ? -> /[.CU]/g ., C, U를 제외하고 찾는다면? -> /[^.CU]/g | : OR \s : 공백 \d : 숫자 ([0-9]) \w : 영문자 모두, 숫자, 밑줄 ([0-9a-zA-Z_]) 수량자 + : 앞 문자가 하나 이상 ([1,]) * : 앞 문자가 0개 이상 ([0,]) [n, m] : 앞 문자가 n개 이상, m개 이하 [n, ] : 앞 문자가 n개 이상 [n] : 앞 문자가 n개 ? : 앞 문자가 없거나 하나 ..
HTML 태그 - 블록 요소, 인라인 요소 HTML의 태그는 크게 블록 요소(block element)와 인라인 요소(inline element)로 나누어 진다. 각각의 요소에 적용되는 CSS가 별도로 존재하기 때문에 이 부분을 명확히 알고 있어야 CSS를 올바르게 사용이 가능하다. 블록요소 (block element) 블록 요소는 모든 인라인 요소를 포함할 수 있고 다른 블록 요소도 일부 포함 할 수 있다. 기본적으로 가로폭 전체의 넓이를 가지는 직사각형 형태가 되며 width, height, margin, padding 등을 사용하여 형태를 변형하여 레이아웃을 수정할 수 있다. 블록 요소 다음에는 줄바꿈이 이루어 진다. 블록 요소 종류 address, article, aside, audio, blockquote, canvas, dd, div,..
웹 오류 발생 웹에서의 오류는 URL 체크가 필수! 404 400대 오류 클라이언트 잘못 사용자가 잘못된 요청 500 500대 오류 서버 프로그래밍 서버 잘못 로직에 문제점이 존재할 확률↑↑↑
Tomcat 톰캣 설치(v9.0) 및 이클립스 연동 톰캣 설치 방법 https://tomcat.apache.org/ Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specifications are part of the tomcat.apache.org 1. 톰캣 사이트에서 원하는 버젼 클릭 (v9.0) 2. 컴퓨터에 맞는 버젼을 선택해서 다운로드 3. 포트는 이클..
WEB 웹 이란? 웹 요청과 응답이 일어나는 장소 클라이언트 사용자, User, 브라우저, 고객 서버에게 요청을 함 웹 브라우저 응답해주는 페이지를 보여주는 V 공간 페이지 -> HTML 문서 console -> GUI 구조 : HTML 스타일 : CSS 동작 : JavaScript 서버 (클라이언트가 수행한) 요청에 대한 응답을 함 요청받은 서비스를 응답 URL 요청 정보 ex) https://comic.naver.com/webtoon/detail?titleId=748105&no=180&weekday=thu 요청에 대한 페이지 위치 정보 ex) https://opgg-static.akamaized.net/images/lol/champion/Gangplank.png?image=c_crop,h_103,w_103,x_9,y_..
Jsoup을 이용한 웹 크롤링 (2) - 지니 차트 지니 사이트의 데이터를 크롤링하여 MVC 로 구현하기 SQL 1 2 3 4 5 6 7 8 9 10 SELECT * FROM USER_TABLES; CREATE TABLE GENIE( NUM INT PRIMARY KEY, NAME VARCHAR(200) NOT NULL, ARTIST VARCHAR(200) NOT NULL, ALBUM VARCHAR(200) NOT NULL ); SELECT * FROM GENIE; cs Crawling (크롤링한 데이터를 DB에 삽입하기 위한 부분) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 ..

반응형