본문 바로가기
728x90
반응형
SMALL
[HTML] 파일 경로 작성하는법(절대경로와 상대경로) 1. 절대 경로 고유한 경로 물리적 경로 드라이브: C:\yesung\HTML\Day1\cat1.png(웹사이트 개발 시 사용하지 않음) URL 주소: https://t1.daumcdn.net/daumtop_chanel/op/20200723055344399.png 보통 홈페이지 제작시 자신의 컴퓨터에서 HTML 문서를 만들고 이를 FTP를 통해서 웹서버에 일괄적으로 올리기 때문에 절대경로로 이미지를 삽입했다면 모두 고쳐줘야 하는 불편이 있음 일반적으로 절대경로보다는 상대경로를 이용해서 이미지를 삽입하는게 좋음 2. 상대 경로 이미지를 삽입할 HTML 문서를 기준으로 경로를 인식하는 방법 이미지가 HTML문서와 같은 디렉토리에 있는 경우 , 이미지가 하위 디렉토리에 있는 경우 , 2023. 3. 24.
[HTML] 이미지 형식의 종류를 알아보자🧐 1. 비트맵 이미지 픽셀이 모여 만들어진 정보의 집합 레스터 이미지라고도 부름 픽셀 단위로 화면에 렌더링함 그림판, 포토샵 등 툴로 편집 JPEG, PNG, GIF ... 1-1. jpg(jpeg) 압축률이 훌륭하여 사진이나 예술분야에 많이 사용 가장 널리 쓰이는 이미지 포맷 손실 압축 표현 색상(24비트, 약 1600만가지 색상)이 뛰어나 고해상도 표시장치에 적합 1-2. gif 이미지 파일내에 이미지 및 문자열 같은 정보를 저장할 수 있는 파일 여러장의 이미지를 한 개의 파일에 저장할 수 있음(움짤, 애니메이션) 8비트(256색상)컬러만 지원 비손실 압축 1-3. png gif의 대체 포맷으로 개발 8비트, 24비트 컬러 이미지 처리 알파 채널 지원(투명도) W3C 권장 포맷 1-4. webp jpg.. 2023. 3. 24.
[HTML] HTML이란? & HTML 문서 만들기, HTML 스켈레톤 1. HTML(Hyper Text Markup Language) HyperText(웹 페이지에서 다른 페이지로 이동할 수 있는 것)기능을 가진 문서를 만드는 언어 [최초의 웹사이트] http://info.cern.ch/ http://info.cern.ch info.cern.ch 2. HTML 문서 만들기 HTML 문서는 확장명을 .html로 저장 대소문자를 구별하지 않음 프로그래밍 언어가 아님 문서를 작성할 수 있는 에디터라면 어디든지 작성이 가능(메모장 등) 띄어쓰기, 줄바꿈을 구별하지 않음 안녕 하세요 안녕 하세요 명령어(태그) 형태로 괄호를 (예: ) 사용하여 표현 시작태그, 종료태그로 구성되어 있음 (예: ... ) 3. HTML 문서의 구성(스켈레톤) 내용 ✅ HTML문서를 작성하여 나의 웹페이.. 2023. 3. 23.
[Web] 서버(Server)와 클라이언트(Client), 프론트엔드와 백엔드 1. 서버(Server) 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템 정보를 제공하는 제공자(Server) 컴퓨터 1-1. 서버 사이드(Server-Side) 서버(제공자) 측에서 즉시 처리하는 것 서버 사이드는 클라이언트로 보낼 웹 페이지(HTML, JavaScript 등이 담긴)를 만듦 중요한 작업들(사용자 유효성, DB 관련 등)을 수행 대표적인 언어는 Java, PHP, Ruby, Python, Node.js 등 클라이언트 사이드 언어를 다루고 그에 관련된 개발자를 프론트 엔드 개발자라고 함. 2. 클라이언트(Client) 서버에 정보를 요청하는 컴퓨터 또는 프로그램 2-1.클라이언트 사이드(Client-Side) 클라이언트(사용자) 측에서 처리 클라이언트가 입력한것을 수.. 2023. 3. 23.
[파이썬, Python] DB를 이용하여 영어 단어장 프로그램 만들기! - DTO, DAO 📌 DataBase를 이용하여 영어 단어장을 만드는 프로그램을 작성해보자. (단, 영어 단어장은 MySQL 데이터베이스 테이블과 연동되어야 함) 1. MySQL에서 테이블 만들기 #단어장 테이블 생성 create table words( eng varchar(50) primary key, kor varchar(50) not null, lev varchar(10) 2. DTO 클래스 순수한 데이터 객체 getter/setter 메소드만 가짐 class Words: def __init__(self, eng, kor, lev): self.eng = eng self.kor = kor self.lev = lev def setEng(self, eng): self.eng = eng def getEng(self): re.. 2023. 3. 22.
[파이썬, Python] mysqlclient 을 이용하여 파이썬과 MySQL 연동하기! 💻 내 컴퓨터 MySQL 서버와 연동해주기 위해 Jupyter Notebook을 사용함. 주피터 노트북 사용하기 ⬇⬇⬇ 더보기 https://coding-yesung.tistory.com/41 [파이썬, Python] 주피터 노트북 (Jupyter notebook) 설치하기 & 주피터 노트북 사용하기! 1. 주피터 노트북(Jupyter Notebook) 웹 브라우저에서 파이썬 코드를 작성하고 실행까지 해볼 수 있음 2. 주피터 노트북 설치하기 1) 파이썬이 설치 되어 있어야 함(pip도 설치됨) 더보기 [파이썬 설치하 coding-yesung.tistory.com 1. mysqlclient 파이썬에서는 MySQL 서버와 통신할 수 있는 파이썬용 데이터베이스 커넥터의 종류가 여러가지 있음 PyMySQL, .. 2023. 3. 22.
[파이썬, Python] Pymysql 과 mysqlclient - SQL 커넥터 1. Pymysql 과 mysqlclient 의 공통점과 차이점 현재 python 에서 제공하는 mysql 커넥터로 제일 유명한 pymysql 과mysqlclient가 있다. Python에서 MySQL 서버와 통신을 할 수 있게 해주는 파이썬 용 데이터베이서 커넥터(Databaser Connector) 이다. 둘의 쿼리문 차이는 없지만 pymysql은 파이썬으로 구현되어 있으며 mysqlclient는 C로 구현되어 있다는 것이다. 사용법은 비슷하겠지만, mysqlclient 가 권장하고 있다고 한다. 물론, 속도도 mysqlclient 가 더 빠르다. 더보기 https://stackoverflow.com/questions/43102442/whats-the-difference-between-mysqldb-.. 2023. 3. 22.
[파이썬, Python] DAO, DTO, VO란? & MVC 패턴 1. DTO(Data Transfer Object) 데이터 전송(이동) 객체라는 의미 로직을 가지지 않는 순수한 데이터 객체이며 getter/setter 메소드만 가진 클래스를 의미 ✅ DTO, DAO를 이용한 단어장 프로그램 만들기 # DTO 역할 클래스 - getter/setter class Words: def __init__(self, eng, kor, lev): self.eng = eng self.kor = kor self.lev = lev def setEng(self, eng): self.eng = eng def getEng(self): return self.eng def setKor(self, kor): self.kor = kor def getKor(self): return self.kor d.. 2023. 3. 21.
[MySQL] 인덱스(INDEX)에 대해 알아보자! 🧐 1. 인덱스(INDEX)란❓ 테이블의 동작속도(조회)를 높여주는 자료구조 데이터의 위치를 빠르게 찾아주는 역할 1-1. 인덱스의 특징 MYI(MySQL Index)파일에 저장 인덱스를 설정하지 않으면 Table Full Scan이 일어나 성능이 저하되거나 장애가 발생할 수 있음 조회(select)속도는 빨라지지만 update, insert, delete의 속도는 저하될 수 있음 [MySQL]에서는 Primary key, unique 제약조건을 사용하면 해당 컬럼에 index가 적용됨 인덱스는 하나 또는 여러개의 컬럼에 설정할 수 있음 where절을 사용하지 않고 인덱스가 걸린 컬럼을 조회하면 성능에 아무런 효과가 없음 가급적 update가 안되는 값을 설정하는 것이 좋음 1-2. 인덱스에 대한 성능 효과.. 2023. 3. 21.
[MySQL] DROP, TRUNCATE, DELETE 차이점에 대해 알아보자! 🧐 1. DROP DROP TABLE 테이블명; 데이터베이스에서 테이블 정의 및 해당 테이블에 대한 모든 데이터, 인덱스, 트리거, 제약 조건 및 권한을 제거 DROP은 DDL(데이터 정의 언어) 명령 DROP 명령은 데이터베이스에서 테이블을 제거 테이블의 행, 인덱스 및 권한도 제거 테이블의 행이 제거될때, DML(ROLLBACK, COMMIT) 트리거가 실행되지 않음 ROLLBACK(실행 취소) 불가능 2. TRUNCATE TRUNCATE TABLE 테이블명; 개별적으로 행을 삭제할 수 없으며, 테이블 내부의 모든 행을 삭제 TRUNCATE는 DDL(데이터 정의 언어) 명령 TRUNCATE는 테이블 잠금을 사용하여 실행되지만, 각 행은 잠기지 않음 TRUNCATE와 WHERE 절을 함께 사용할 수 없음(.. 2023. 3. 21.
[MySQL] 트랜잭션(Transaction) - COMMIT & ROLLBCK 1. 트랜잭션(Transaction)이란 ❓ 분할이 불가능한 업무처리의 단위 한꺼번에 수행되어야 할 연산의 모음 데이터베이스 응용 프로그램은 트랜잭션들의 집합으로 정의 할 수 있음 1-1. 트랜잭션의 특징 원자성: 트랜잭션이 데이터베이스에 모두 반영되던가, 아니면 전혀 반영되지 않아야 함 일관성: 트랜잭션의 작업 처리 결과가 항상 일관성이 있어야 함 독립성(고립성): 어떤 하나의 트랜잭션이라도 다른 트랜잭션의 연산에 끼어들 수 없음 영구성(지속성): 결과는 영구적으로 반영되어야 함 1-2. COMMIT 모든 작업들을 정상 처리하겠다고 확정하는 명령어 해당 처리 과정을 DB에 영구적으로 저장 COMMIT을 수행하면 하나의 트랜잭션 과정을 종료 COMMIT을 수행하면 이전 데이터가 완전히 UPDATE [My.. 2023. 3. 21.
[MySQL] 뷰(View)에 대해 알아보자! 🧐 1. 뷰(view)란 ❓ 가상의 테이블을 생성 실제 테이블처럼 행과 열을 가지고 있지만, 데이터를 직접 저장하고 있지는 않음 다른 테이블이나 다른 뷰에 저장되어 있는 데이터를 보여주는 역할만 수행 1-1. 뷰를 만드는 이유 SQL 코드를 간결하게 만들기 위함 삽입, 삭제, 수정 작업에 제한 사항을 가짐(특정 사용자한테는 뷰에대한 권한만 주거나 할 수 있음) 내부 데이터를 전체 공개하고 싶지 않을 때 1-2. 뷰의 장점 특정 사용자에게 테이블 전체가 아닌 필요한 필드만을 보여줄 수 있음(보안) 복잡한 쿼리를 단순화 쿼리를 재사용할 수 있음 1-3. 뷰의 단점 한 번 정의된 뷰는 변경할 수 없음 삽입, 삭제, 갱신 작업에 많은 제한 사항을 가짐 자신만의 인덱스를 가질 수 없음 2. 뷰 생성, 수정, 대체, .. 2023. 3. 21.
728x90
반응형
LIST

티스토리툴바