일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- java
- Kenneth Park
- 유학생대학생활
- 개발일지
- 미국유학
- 해외유학
- 미국유학생
- 파이데이아창의인재학과
- 만다라트프로젝트
- 미국대학생활
- 미국유학생활
- CSUS
- California State University Sacramento
- F1학생비자
- 케네스
- 2+2
- 개인 프로젝트 개발일지
- i-20
- 유학생 준비물
- 미국대학
- 부산외대
- 복수학위제도
- JVM아키텍처
- 사이드프로젝트
- 자바 스터디
- 비전공자 git
- 케네스로그
- jpa
- Java 스터디
- 자바
- Today
- Total
목록Dev (79)
케네스로그
이전글에서 HTML에서 자주 사용되는 태그에 대해 간략하게 알아보았습니다. 이번에는 태그에서 태그를 통해 행이름과 열이름을 지정하는 방법을 알아보겠습니다. 수량 금액 A 지점 32 $48 B 지점 13 $45 는 특별한 역할을 맡은 라고 할 수 있습니다. 일반 데이터를 표현하는 와 달리, 는 자기가 속한 행이나 열을 대표하는 역할을 합니다. 헤더 셀이라고 하죠. 위의 예시에서 각 브랜치의 지점을 나타내는 1열의 2행(A지점),3행(B지점)을 태그를 통해 표현하고 있습니다. 또한, 2열(수량)과 3열(금액)은 해당 열의 행이 나타내는 정보를 대변하는 헤더 셀임을 알 수 있습니다. 의 scope 속성 위의 예시에서 는 scope속성을 지니고 있습니다. 이 scope는 해당 의 종류를 구분합니다. 는 가로 행..
HTML 태그 HTML을 이용해 웹 페이지를 만드는 과정 중 생각처럼 잘 안되는 부분이 태그의 사용입니다. 엑셀에서는 어렵지 않게 표를 만들고, 행과 열을 구분짓고, 셀 병합과 분할이 가능했습니다. 하지만, 직접 코드를 짜서 테이블을 만들고, 구조를 세우고, 모양을 만들어 나가는 것은 쉽지 않습니다. 이번 포스팅에서는 HTML의 태그의 사용법에 대해 정리하도록 하겠습니다. 테이블의 구성 요소 테이블은 셀로 구성되며, 테이블의 행은 row, 열은 column으로 불려 집니다. 하나의 은 하나 이상의 로 구성됩니다. 은 셀을 나타내는 , 를 자식 태그로 가집니다. 💡테이블을 구성할 때는 위에서 아래로, 좌측에서 우측으로 작성하는 것이 좋습니다. : 표를 나타내는 태그 : 행을 나타내는 태그 : 제목 셀을 나..
HTML 문서에서 사용할 수 있는 태그는 100가지 이상으로 매우 많습니다. 이 많은 태그들을 다 외우는 것은 불가능하며 누구도 그렇게 외워서 사용하려고 하지 않습니다. 10개정도의 기본 태그들만 사용되며, 나머지 태그들은 버전에 따라 사용할 수 있거나 사용도가 낮아 거의 찾지 않는 태그들입니다. 이번 포스팅에서는 Boostcourse 웹 UI과정에서 공부한 태그들에 대해 설명하고 예제를 함께 첨부해보겠습니다. HTML에서 주로 사용되는 기본 태그들 제목 태그 This is h1 This is h2 This is h3 This is h4 This is h5 This is h6 문서 내에 제목을 표현할 때 사용하는 태그입니다. 부터 까지 사용이 가능하며, 숫자가 커질수록 제목의 크기와 중요도가 상승합니다...
사용자에 의해 작성된 HTML문서는 웹 브라우저를 통해 확인할 수 있습니다. 웹 브라우저는 일정한 규칙에 따라 웹 문서를 읽고 텍스트를 포함한 내용을 화면에 표현해 줍니다. 이렇게 웹 브라우저가 따라는 규칙 중 가장 기본이 되는 것이 HTML문서의 구조입니다. 어떠한 웹 문서이든 반드시 이 기본 구조를 지켜야 웹 브라우저를 통해 정상적으로 표현될 수 있습니다. HTML 문서의 기본 구조 Hello, HTML 가장 단순한 형태의 HTML문서 구조는 위와 같습니다. 전체적으로 이라는 태그가 감싸고 있고, 그 안에 와 가 위치하고 있는 모습입니다. DOCTYPE HTML문서에서 가장 먼저 나오며, 태그 상단에 위치합니다. DOCTYPE은 해당 웹 문서가 어떤 버전으로 작성되었는지 브라우저에게 명시해주는 역할을..
우리 사회에서 너무도 당연하게 자리 잡은 인터넷과 웹. 사람들은 물이나 산소와 같은 공공재 처럼 받아들이게 되었습니다. 잠시라도 인터넷을 못하면 답답하고 생활이 힘들죠. 뿐만 아니라, 모든 산업에서 사용 되기 때문에 인터넷이 없는 세상은 상상도 할 수 없습니다. 그럼 우리는 인터넷만 있으면 다 될까요? 그건 아닐 겁니다. 웹이 없으면 인터넷이 있어도 할 수 있는게 많지 않겠죠. 궁금한게 있어도 구글과 같은 웹에서 찾아볼 수 없고, 누군가 설명을 올려 둔 웹도 없을 겁니다. 날씨를 확인할 수 없고, 주식정보도 찾아볼 수 없겠죠. 이렇게 중요하게 자리 잡은 인터넷과 웹, 그 둘의 차이점에 대해 이야기해 보겠습니다. 인터넷 Internet 스마트폰으로 게임을 하거나 영상을 볼 때, 연결이 잘 안될때 우리는 인..
1 킬로바이트는 1024바이트? 1000바이트? 이전 글에서 정보의 표현 단위인 비트와 바이트에 대해 알아보았습니다. 우리는 일상 속에서 킬로라는 단위를 사용합니다. 이 단위는 10³(1000)을 의미하는 단어입니다. 1킬로미터(1km)는 1000미터, 1킬로그램은 1000그램을 말하죠. 즉, 1킬로는 1000이라는 단위 수를 말합니다. 그렇다면 정보의 단위로 돌아와서, 1킬로바이트는 1000바이트를 뜻하는걸까요? 2진법의 체계로 이루어진 체계에서 1000은 딱 떨어지는 단위가 아닙니다. 2¹⁰바이트(1024바이트)가 1000바이트와 매우 유사하지만 엄연히 24라는 잉여바이트가 존재합니다. 편의상 그렇게 부를 수 있겠지만, 1킬로바이트가 1000바이트 단위로 사용하게 되면, 나머지 잉여 24바이트가 모여..
컴퓨터의 세계 vs 사람의 세계 영화에서나 미디에서 컴퓨터는 1과 0으로만 소통한다는 얘기를 들어본 적 있을 겁니다. 하지만, 실제로 우리가 사용하는 컴퓨터, 휴대폰 등은 1과 0이 아니라 이미지 영상과 텍스트, 음악 등으로 가득하죠. 그렇다면 1과 0으로 소통한다는 것은 무슨 말 일까요? 컴퓨터는 사람이 사용하는 체계와 다른 방식의 체계를 갖고 있습니다. 그것은 1과 0으로만 이루어져 있으며, 이를 이진법(Binary)라고 합니다. 반면에, 사람은 10진법의 체계 속에서 살아가고 있죠. 우리는 두 손의 손가락들 ✋🤚로 0~10까지 셀 수 있지만, 컴퓨터는 불가능합니다. 왜냐하면, 그들이 사는 세계에서 1과 0이 아닌 숫자, 2~10까지의 숫자는 존재하지 않기 때문입니다. 123 이라는 숫자를 보았을 때..
이전 글에서 데이터, 데이터베이스, 그리고 SQL에 대한 간략한 설명을 했었습니다. 이번에는 데이터베이스의 구성과 용어들에 정리해보겠습니다. 엑셀과 데이터베이스 엑셀의 테이블은 행과 열로 구분되며, 다양한 데이터를 보관 및 관리 할 수있죠. 거기에, 함수를 이용해서 연산도 가능합니다. 데이터베이스는 엑셀과 매우 유사한 형식으로 구성되어 있습니다. 데이터가 어떻게 저장되어 있는지 떠올려 볼 때, 엑셀의 테이블(표)을 생각하면 쉽게 이해할 수 있습니다. 데이터베이스 용어 위의 예제 테이블을 통해 각 용어를 알아보겠습니다. 필드 Fields 필드 Field는 엑셀에서 열 column에 해당하는 가장 작은 단위의 데이터를 의미합니다. 이 필드는 엔티티의 속성을 표현합니다. 위의 표에서 각 열은 고객의 정보(ID..
DB, DBMS, SQL .. 이게 다 뭐지 데이터베이스(DB), SQL, DBMS, MySQL 등등 .. 개발쪽으로 일하지 않더라도 한 번 쯤은 들어보았을 법한 단어들 입니다. 최근 들어 IT교육 열풍과 데이터의 중요성이 부각되면서 자주 노출되는 단어들 입니다. 데이터와 관련된 단어 또는 프로그래밍 용어라고 생각하고 정확히 뭘 말하는지 모르는 사람이 많았을거라고 생각합니다. 저 또한 컴퓨터를 전공으로 했었지만, 어렴풋이 알고 있었고 명확히 설명하긴 어려웠습니다. 오늘은 이 단어들을 비전공자 뿐만 아니라 컴퓨터에 대해 잘 알지 못하는 사람을 위해 자주 언급되는 용어들의 개념을 알려드리겠습니다. 이해를 돕기 위해 사전적 의미의 명확한 전달 보다는 비유를 통해 설명 해보겠습니다. Data 와 Database..