본문 바로가기

분류 전체보기

(89)
HTML 문법 - 6 (공간 분할) 공간 분할 몇몇 태그들을 이용해서 공간을 분할해 줄 수 있다.
HTML 문법 - 5 (멀티미디어 태그) 멀티미디어 태그 멀티미디어 태그는 이미지, 오디오, 동영상과 같은 컨텐츠들을 넣을 때 사용하는 태그들이다. 이미지 삽입을 위해 사용하는 태그이다. 다음과 같은 속성들을 가진다. src 이미지의 위치 경로 title 이미지의 제목 width 이미지의 너비 height 이미지의 높이 alt 이미지의 대체 텍스트 style 이미지의 스타일 border 이미지 테두리 오디오를 삽입할 때 사용하는 태그이다. 다음과 같은 속성들을 가진다. src 오디오의 경로 controls 컨트롤바 표시 autoplay 자동재생 loop 반복재생 muted 기본적으로 음소거 설정 preload 오디오 파일 미리 다운로드 오디오 파일을 블로그에 올려놓고 링크를 가져와서 아래처럼 작성해서 오디오를 첨부할 수 있다. HTML 삽입 미..
HTML 문법 - 4 (리스트 태그, 테이블 태그) 리스트 태그 a b a b 이러한 것들을 리스트라고 한다. 각 항목별로 분류를 한다고 생각하면 될 것 같다. 이 때 분류를 도형이나 기호 혹은 a,b,c 같은 알파벳과 같이 어떤 방식으로 항목을 분류해 줄 것인지 태그를 통해 구현해줄 수 있다. 순서가 없는 리스트(Unordered List)를 뜻한다. ■나 ●와 같은 것들로 항목을 구분해준다. style 속성을 이용하여 모양을 바꿔줄 수 있다. circle,square 등의 모양을 넣을 수 있다. 그 외에도 다양한 속성을 가지고있다. 각 항목은 를 통해 구분한다. 순서가 있는 리스트(Ordered List)를 뜻한다. 1, 2, 3, 4 같은 숫자나 a, b, c 같은 알파벳 i, ii, iii 등 순서가 존재하는 것들로 항목을 구분해준다. 숫자 혹은 ..
2022 SK텔레콤 T-WorX for Developers 챌린지 후기 백엔드 분야로 지원했다.10시부터 1시까지 3시간 동안 진행되었고 문제 난이도는 평이했다.다만 내 오류인지 평소 잘 되던 테스트케이스가 복사가 불가능했다. 문제1번 문제는 선택정렬?인가 어떤 정렬에 대한 개념을 이용하는 문제로 보였다. 하지만 n의 크기가 매우 작아 그냥 구현해주기만 하면 풀리는 문제였다. 백준으로 치면 딱 실버 5 수준의 기본문제 정도였을 것 같다. 뭔가 더 좋은 풀이가 있었을 것 같다. 2번 문제는 머리를 조금 써야하는 구현 문제였다. 하지만 의외로 if else는 몇번 사용하지 않고 구현할 수 있어서 구현 난이도 자체는 어렵지 않았다. 다만 문제가 워낙 길어서 이해가 어려웠던 문제였다. 실버3~5 정도의 무난무난한 문제였던 것 같다. 3번 문제는 구현 + 이분탐색 문제었을 것 같다...
HTML 문법 - 3 (텍스트 서식 태그, 인용 태그) 텍스트 서식 태그 태그 사이의 내용을 굵게(bold) 기울이게(italic) 작게(small) 밑줄(insert) 취소선(delete) 강조(mark) 중요표시(strong) 강조(emphasize) 위 첨자(superscript) 아래 첨자(subscript) 코드(code) 순서대로 작성시 위와 같은 형태를 띄게 된다. 와 은 둘 다 굵게 표시를 하게 되는데, 는 텍스트를 강조할 때 은 내용 자체를 강조할 때 사용한다고 한다. 인용 태그 는 짧은 인용구 이용 시 사용한다. q는 quote를 뜻한다. 인용구 이렇게 작성 시 이렇게 보이게 된다. 는 길이가 긴 인용구를 이용 시 사용한다. 는 약어를 정의할 때 사용한다. abbr은 abbreviation을 뜻한다. 는 인용구의 제목을 작성할 때 사용한다...
HTML 문법 - 2 (속성과 기본 태그들) HTML의 포함 관계는 개행으로 정리한다고 한다. HTML의 태그는 여러 속성을 갖는다. 와 같은 경우 p는 태그의 이름이고, class는 속성의 이름, value는 속성의 값, 그리고 이 뒤에 닫힌 태그가 오기 전까지 내용이 들어있다. 속성(attributes) element에 추가적인 정보 및 설정을 적용할 때 이용한다. 무조건 대문자를 이용해야 하는 것은 아니지만 보통 소문자로 작성한다. 태그에 class='value'와 같은 형태로 작성한다. 대표적으로 태그에 이용하는 경우가 있다. a라는 태그에 href라는 속성에 'link'라는 값을 넣어준 것이다. 내용 부분에 들어가는 엔터나 여러 공백은 그냥 하나의 공백으로 취급한다. 가 나 다 라 마 바 사 마 이와 같이 작성해도 실행시켜보면 이와 같이 ..
HTML 문법 - 1 (기본 태그들) HTML 작성을 할 때 맨 위에는 보통 아래와 같은 코드가 적혀있다. 읽히는 대로 문서(DOCument) 타입(TYPE)이 HTML이라고 해주는 것이라 생각하면 될 듯 하다. 웹 브라우저가 코드를 어떻게 해석해야 할 지 알려준다고 생각하면 될 것이다. 태그는 웹 페이지의 시작과 끝이라고 생각하면 된다. 이 사이에 웹 페이지를 구성하는 수많은 코드가 들어간다. 태그는 문서의 속성을 닮는다. 메타 태그나 타이틀 태그가 들어간다. 태그는 HTML의 제목을 담는 코드이다. 태그는 보통 문자 인코딩 정보를 담는다. 위와 같이 적음으로써 해당 웹 페이지의 문자 인코딩 방식을 utf-8로 지정할 수 있다. 태그 사이에는 실제로 보일 웹 페이지를 표현하기 위한 코드를 담는다. 태그는 외부 파일과 연결할 때 사용한다. ..
HTML이란? HTML은 Hyper Text Mark-up Language의 약자이다. 이름에서도 볼 수 있듯이 프로그래밍 언어가 아닌 마크업 언어라고 한다. 그래서 위와 같은 유명한 사진이 탄생하게 되었다. HTML은 웹페이지의 뼈대와 같은 역할을 한다. 확장자로써 htm, html을 갖는다. 문법 오류에 꽤나 관대한 편이다. 맨 처음에 남의 코드를 보거나 강의들을 보면서 작성하다보면 사람마다 시작점이 조금씩 다르기도 하고, 아무것도 모르고 짠 코드도 이게 돌아가네 싶은데도 잘 돌아가는 경우가 많다. 이러한 특성이 이것을 가능하게 하는 듯 하다. 동적인 화면 구성을 위해서 자바스크립트와 같은 스크립트들을 이용하고는 한다. HTML을 사용하기 위해서는 태그를 잘 활용하여야 한다. 태그는 HTML을 작성할 때 사용하는 ..
MySQL 문법 - 8 ( VIEW ) VIEW 뷰는 데이터베이스에 존재하는 일종의 가상의 테이블이다. 실제 테이블처럼 row와 col을 갖지만 실제로 데이터를 저장하고 그러지는 않는다. 뷰는 다른 테이블이나 뷰의 내용을 보여주는 역할만 수행한다. 뷰를 적절히 활용함으로써 여러 테이블과 뷰를 하나의 테이블처럼 볼 수 있다. MySQL에서는 보여주는 역할을 담당한다. 자신만의 INDEX를 가질 수 없다. 장점 사용자에게 테이블 전체가 아닌 필요한 column만 보여줄 수 있다. 복잡한 쿼리를 단순하게 이용할 수 있다. 쿼리의 재사용이 가능해진다. 단점 한 번 정의된 뷰는 바꿀 수 없다. 삽입, 삭제, 갱신과 같은 작업에도 제한이 많다. 뷰에 인덱스를 사용할 수 없다. 생성은 CREATE VIEW [생성할 뷰의 이름] AS SELECT [가져올 ..
MySQL 문법 - 7 (INDEX) INDEX 만든 테이블에서 빠르게 원하는 데이터를 검색을 하기 위해서 사용한다. 일반적으로는 데이터를 검색할 때 순서대로 테이블 전체를 검색하므로 시간이 오래 걸린다. 인덱스를 이용하면 검색 / 질의 시 전체를 읽는 것이 아니기 때문에 시간이 단축된다. 테이블 수정 시 인덱스도 변화시켜주어야 하므로 번거롭다. 그러므로 수정보다는 검색이 자주 일어나는 테이블에서 인덱스를 이용하는 것이 좋다. 성능 문제가 발생할 때 마다 인덱스를 추가시켜주면 개별 성능은 빨라질 지 몰라도 전체 성능은 떨어지는 문제를 초래할 수 있다고 한다. 인덱스를 만드는 방법은 CREATE INDEX [인덱스명] ON [테이블명] (column 이름) 이고 중복을 허용하지 않는 인덱스를 만드는 방법은 CREATE UNIQUE INDEX ..