케네스로그

HTML 태그 HTML 요소 중 하나인 은 문서 내에서 정보(데이터)를 전달하는 상호작용이 일어나는 부분을 명시하기 위해 사용됩니다. 사용자는 웹 브라우져(클라이언트)에서 각종 데이터를 입력합니다. 회원 아이디, 비밀번호 또는 상품에 대한 피드백을 제출하기 위한 텍스트 일 수도 있습니다. 이러한 사용자의 입력 부분이 태그로 구분지어 집니다. 의 기본 속성 Enter your name: Enter your email: 의 'action' 속성 action은 데이터를 어디로 전송하는지에 대한 속성입니다. URL(Uniform Resource Locator) 형식의 주소가 오게 됩니다. 의 'method' 속성 method는 데이터를 전송하는 방법에 대한 속성입니다. 대표적으로 GET과 POST 두가지 방식이..

MacOS의 최근 BigSur 업데이트 이후 기존에 사용하던 패러렐즈가 더 이상 동작하지 않게 되었습니다. 저도 그에 따라 패러렐즈 16으로 변경하였는데요, 다음과 같은 네트워크 초기화 오류가 발생하였습니다. Network initialization failed. Your virtual machine will continue working normally but will have no network connection. 내용 그대로 가상 윈도우는 동작하지만 네트워크 연결은 불가능한 상태입니다. 하드웨어 설정에서도 disconnected로 설정되어 있습니다. 직접 shared network로 변경하더라도 재시작 시 disconnected로 고정됨을 확인할 수 있었습니다. 해외 블로그 글을 참조하여 여러가지..

이번 M1기반 맥북이 공개된 이후로 맥북이 더욱 대중화되었습니다. 디자인, 성능 모두 좋은 맥북이지만, 한국에서 사용하기에 불편한 점이 있습니다. 바로, 윈도우와 윈도우 익스플로러. 은행, 정부사이트, 인증서비스 등에서 호환가능한 웹브라우저로 인터넷 익스플로러만 고집하기때문이죠. 이럴때 간편하게 해결할 수 있는 방법이 가상머신을 통해 윈도우를 사용하는 것입니다. 가상머신은 컴퓨터 내에 가상으로 다른 컴퓨터를 이용할 수 있도록 하는 프로그램입니다. 유명한 가상머신 프로그램으로는 Parallels(패러렐즈)가 있습니다. 맥 초창기부터 유명했지만, BigSur업데이트 이후 아직 호환성 이슈가 있고 가격이 10만원대로 비싼편입니다. 저는 개인적 용도로 무료 사용이 가능한 VMware의 Fusion을 추천합니다...

HTML 테이블에서 특정 열에만 색상을 지정하는 등 스타일링이 필요할 때가 있습니다. HTML id나 class를 지정해서 할 수도 있지만, 태그를 이용해서 스타일을 적용할 수 있습니다. 와 태그를 이용한 표 스타일링 : 테이블의 전체 column의 형식을 정의할 때 사용 : 전체 column의 스타일을 관리할 때 사용. colgroup 요소에 포함된 각 column의 속성을 명시함. ISBN Title Price 3476896 My first HTML $53 5869207 My first CSS $49

colspan : 셀을 가로방향으로 병합 rowspan : 셀을 세로방향으로 병합 Monthly Savings MonthSavings January$100 February$80 March Sum 의 colspan/rowspan 속성을 이용해서 테이블 셀 가로/세로 병합을 할 수 있습니다. 처음엔 이 개념이 낯설어서 구현하는게 어려울 수 있습니다. span은 '폭, 길이'이라는 뜻을 가진 명사죠. 그렇다면, colspan은 '열의 폭' 또는 '열의 길이'라고 해석할 수 있습니다. 의 길이는 기본적으로 '가로(row행):1 / 세로(col열):1' 입니다. 여기서, 행의 길이가 2가 된다면, '가로(행):2 / 세로(열):1'로 표현될겁니다. 코드로 표현하자면 가 되겠죠. 한 개의 가 2개의 row만큼의 길..

이전글에서 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은 해당 웹 문서가 어떤 버전으로 작성되었는지 브라우저에게 명시해주는 역할을..

What is HTML? HTML은 프로그래밍 언어가 아닙니다. 일반적인 프로그래밍 언어는 논리(logic)에 의해 동작하게 만들 수 있어야하죠. 하지만 HTML은 그러한 목적과 용도로 사용되는 언어가 아닙니다. HTML은 HyperText Markup Language의 약자로, 웹 브라우져의 웹페이지 표현 방식을 위한 언어를 말합니다. 영어로 구성되어 있는 HTML을 한 단어씩 분해해서 해석하면 보다 정확한 의미를 파악할 수 있습니다. - Hypertext : 일반 문자(text)를 초월한 그 이상의 텍스트. 즉, 링크기술을 의미합니다. - Markup Language : 문서의 활자를 지정 표시하는 언어. 활자를 표현하는 방법을 위한 언어입니다. 다시 말해, HTML은 일반 텍스트를 초월하고 정해진 ..