DAY 03 - 2 : HTML 디스플레이, div 태그, 시맨틱 태그
2022. 11. 2. 17:20
국비/HTML
- HTML의 디스플레이 1. inline content 크기 만큼 자리를 차지하는 요소이다. text, img, span 태그가 인라인 요소이다. 문자의 특징을 가지고 있다. 2. block 라인을 모두 차지하는 요소이다. p, h, ul, li, div, .... 면의 특징을 가지고 있다. - span 태그 줄 단위로 영역이 설정된다. inline 특징을 가지고 있다. - div 태그 면 단위로 영역이 설정된다. block 특징을 가지고 있다. - 시맨틱 태그 (Semantic Tag) 의미가 있는 태그이다. - 시맨틱 태그의 장점 검색엔진에 최적화되어있다. 스크린 리더를 사용하여 페이지를 탐색할 때 도움이 된다. div>div>div>div>... 끝 없는 div를 탐색하는 것 보다 효율적이다. 개..
DAY 03 : FTP, iframe 태그, form 태그, input 태그, ...
2022. 11. 2. 17:13
국비/HTML
- FTP (File Transfer Protocol) 클라이언트-서버(c/s)용 프로토콜이다. 클라이언트가 파일을 요청하면 서버가 요청된 파일을 제공하는 것을 의미한다. 클라이언트가 파일을 서버로 전달할 수 있다. 주로 대량의 파일을 처리할 때 사용한다. 기본 포트는 21번이다. - 호스팅 (Hosting) 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해주는 서비스를 의미한다. - ftp-simple 비주얼 스튜디오 코드에 설치하면 FTP 프로그램으로 사용할 수 있다. 처음 세팅은 f1 -> ftp-simple : config - ftp connection setting에서 해주면 된다! 호스팅을 하기 위해서는 f1-> ft-simple :remote directory open to wo..
DAY 02 : 서식태그, 목록태그, 이미지태그
2022. 11. 2. 16:29
국비/HTML
- 서식태그 텍스트를 굵게 표현 텍스트를 이탤릭체로 표현 텍스트를 굵게 표현, 리더기에서 거쎈 발음 텍스트를 이탤릭체로 표현, 리더기에서 거쎈 발음 - 목록 태그 순서가 없는 목록 태그, 블록 태그 순서가 있는 목록 태그, 블록 태그 사용자 정의 태그, 블록 태그 목록 태그 사용해보기! 목록 태그 김사과 오렌지 반하나 김사과 반하나 오렌지 김사과 선생님 반하나 학생 오렌지 학생 이메론 학생 - 이미지 1. 비트맵 이미지 픽셀이 모여 만들어진 정보의 집합 "레스터 이미지" 픽셀 단위로 화면에 랜더링 한다. 그림판, 포토샵 등 툴로 편집이 가능하다. 2. 벡터이미지 수학적 정보의 형태들이 만들어내는 결과물 이미지가 가지고 있는 점, 선, 면의 위치, 색상 정보를 가지고 있다. 확대 및 축소를 해도 이미지가 ..
DAY 12 : 싱글톤 패턴, DB관련 인터페이스, DTO, DAO
2022. 10. 28. 00:54
국비/JAVA
- 싱글톤 패턴 디자인 패턴 중 하나로 매번 드라이버를 로드하지 않고 프로세스에서 객체를 단 하나만 만들어서 공유 자원을 생성하는 기법을 의미한다. ✔️ 디자인 패턴 소프트웨어를 설계할 때 특정 맥락에서 자주 발생하는 고질적인 문제들이 발생했을 때 재사용할 수 있는 해결책을 다룬 알고리즘이다. -PreparedStatment 인터페이스 Statement와 PreparedStatement의 차이는 캐시 사용 유무이다. 객체를 캐시에 담아서 재사용한다. 반복적으로 쿼리를 수행한다면 statement에 비해 성능이 많이 좋다. statement는 보안상 취약점이 발견되었기 때문에 PreparedStatement를 사용하는 것을 권장한다. 단점으로는 코드가 길어질 수 있다. // Statement 사용시 Str..
DAY 11 : JDBC
2022. 10. 27. 20:55
국비/JAVA
- JDBC (Java Database Connectivity) 자바에서 DB 소프트웨어와 연결하여 프로그램을 개발하기 위해 사용하는 API이다. 자바 애플리케이션 JDBC API JDBC Driver MYSQL 이런 식으로 중간다리 역할을 해주어서 Java에서도 바로 SQL문을 작성해서 DB에 삽입, 수정, 조회 등을 가능하게 해 준다. - JDBC Driver 다운로드 https://dev.mysql.com/downloads/connector/j/ MySQL :: Download Connector/J MySQL Connector/J 8.0 is highly recommended for use with MySQL Server 8.0, 5.7 and 5.6. Please upgrade to MySQL C..
DAY 01 : html, 특수 태그, 문단 태그, 제목 태그, 웹 접근성, ..
2022. 10. 24. 22:33
국비/HTML
- 클라이언트 사이드 언어(language) HTML : 웹 사이트의 틀을 작성하는 언어 CSS : HTML 문서를 시각적으로 만들어주는 언어 JavaScript : HTML 문서의 콘텐츠 내용을 바꾸고 동적인 페이지를 만들기 위해 사용하는 프로그래밍 언어 - 서버 사이드 언어 (language) JSP Spring Python - 최초의 웹사이트 http://info.cern.ch/ http://info.cern.ch info.cern.ch - 비주얼 스튜디오 코드 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on y..
DAY 10 : 스레드(Thead)
2022. 10. 21. 11:44
국비/JAVA
- 프로세스 (Process) 운영체제에서 실행 중인 하나의 애플리케이션을 의미. 애플리케이션을 실행하면 운영체제로부터 실행에 필요한 메모리를 할당받아 애플리케이션의 코드를 실행한다. - 스레드 하나의 코드 실행 흐름이기 때문에 한 프로세스 내에 스레드가 2개라면 2개의 코드 실행 흐름이 생긴다는 의미이다. 하나의 프로세스 내부에서 독립적으로 실행되는 작업 단위이다. 운영체제에 의해 관리되는 하나의 작업 혹은 task를 의미한다. 다중 스레드 작업시에는 각 스레드끼리 정보를 주고받을 수 있어 처리 과정의 오류를 줄일 수 있다. ✔ 멀티 태스킹 (multi tasking) 두 가지 이상의 작업을 동시에 처리하는 것을 의미한다. 운영체제는 멀티 태스킹이 가능하도록 CPU와 메모리 자원을 프로세스마다 적절히 ..
DAY 02 : CRUD, 연산자, 집계 함수, join, view
2022. 10. 21. 11:42
국비/DBMS
- CRUD CREATE, INSERT / SELECT / UPDATE / DELETE - 데이터 수정 # 해당 열의 값들이 전체가 다 바뀜 UPDATE 테이블명 SET 필드명1 = 값1, 필드명2 = 값2,... # 조건에 맞는 값들만 바뀜 UPDATE 테이블명 SET 필드명1 = 값1, 필드명2 = 값2 , ... WHERE 조건절 Mysql의 경우 처음 UPDATE를 하면 오류 메시지가 뜬다. 따라서 아래처럼 해주면 뜨지 않는다. To disable safe mode, toggle the option in Preferences -> SQL Editor and reconnect. : Safe 모드 작동으로 update, delete 안됨 메뉴 -> edit -> Preferences -> SQL Ed..