HTML의 텍스트와 스타일링: 웹 페이지의 심미성과 정보 전달HTML에서 텍스트는 웹 페이지의 가장 기본적인 요소입니다. 우리는 텍스트를 통해 정보를 전달하고, 사용자와 소통하며, 페이지의 목적을 명확히 합니다. 그러나 단순히 텍스트를 나열하는 것만으로는 효과적인 정보 전달이 어렵습니다. 텍스트를 강조하거나 스타일링하는 방법을 사용하면 가독성과 사용자 경험을 크게 향상시킬 수 있습니다. 이번 글에서는 HTML에서 텍스트를 처리하고 스타일링하는 기본적인 방법을 알아보겠습니다.텍스트를 위한 주요 HTML 태그1. 제목 태그 ( ~ )HTML에서 제목 태그는 콘텐츠의 구조를 정의하는 데 사용됩니다. 은 가장 중요한 제목, 은 가장 덜 중요한 제목을 나타냅니다. 제목 태그는 페이지의 계층 구조를 명확히 하고 검..

HTML 기본 구조: 웹 페이지의 기초 이해하기HTML은 웹 페이지의 뼈대를 만드는 언어입니다. 모든 웹 페이지는 HTML을 기반으로 만들어지며, 이를 통해 구조와 콘텐츠를 정의할 수 있습니다. 오늘은 HTML의 기본 구조에 대해 자세히 알아보고, 간단한 예제를 통해 직접 HTML 문서를 작성해 보겠습니다. HTML에 익숙하지 않은 분도 쉽게 따라올 수 있도록 천천히 설명드릴게요.HTML이란 무엇인가요?HTML은 "HyperText Markup Language"의 약자로, 웹 페이지를 구성하는 데 사용되는 마크업 언어입니다. HTML은 브라우저가 콘텐츠를 해석하고 표시할 수 있도록 구조를 정의합니다. 예를 들어, 제목, 문단, 이미지, 링크 등을 HTML 태그를 사용해 작성할 수 있습니다.HTML 문서의..

이제 자바스크립트를 본격적으로 배워보도록 하자. 코딩의 코자도 모르는 우리 코린이들이 코딩을 시작하게 되면 무엇이 가장 어려울까라고 생각해봤을때 나는 이 '변수' 라는 녀석이 가장 까다롭다고 생각했어. 코린이들에게 뭔가 추상적인 느낌으로 다가오지 않을까? 중고등학교 수학시간에 배운 변수의 어려움 때문일까? 뭔가 가까이 가기 꺼려지는 녀석일꺼야. 먼저 너가 알고 있는 수학에서의 변수는 모두 날려서 휘발시키고 아무것도 모르는 백지상태에서 시작하자! 변수는 어떠한 액체를 담는 컵이라고 생각하면 좋을꺼 같아. 어느 빈컵에 내가 콜라를 담으면 이 컵은 콜라가 되는거고, 거기에 내가 커피를 담으면 커피가 되는거야. 이게 단순화시킨 변수의 전부야. 정말 쉽지? 코드를 보자 const 변수 = 1; const 변수2 ..

안녕. 유니버스코딩이야. 난 벌써 개발IT쪽, 그중에서 WEB분야에서 근 10년 가까이 몸담고 있는 프로그래머야. 그동안 쭉 주력언어로 PHP 라는 언어를 써왔고 백엔드 위주로 다뤄왔어. 하지만 규모가 큰 회사를 제외하고 다들 느끼겠지만 백엔드 개발자라고 백엔드만 하기에는 어려운게 업계 현실이야. 그래서 나도 프론트엔드를 조금은 해왔어. 보통 HTML , CSS , JAVASCRIPT 를 이용해서 작업해왔고 JQUERY , BOOTSTRAP , GNUBOARD 을 이용해서 조금 더 효율적이고 빠르게 프론트엔드 작업을 해왔어. 사실 디자인적 감각도 없고 흥미도 없어서 프론트엔드에 대해 깊은 생각을 해본적이 없기도 해. 그러다가 최근 회사에서 새로운 프로젝트가 시작되면서 기존에 사용하던 걸 벗어나 프론트엔드..

리액트를 개발하기 위해 전반적으로 리액트를 설치하는 방법에 대해 알아보자! 1. vscode 설치 리액트를 사용하기 위해서는 기본적으로 개발을 할수 있는 개발툴이 필요하다. 내가 추천하는 개발툴은 무료에다가 기능도 아주 강력한 visual studio code 툴을 강력추천한다. 툴내에서 손쉽게 터미널을 사용할수 있고 많은 익스텐션(확장프로그램)이 있어서 코드 개발 편의성이 매우 우수하다. 설치URL : https://code.visualstudio.com/ 2. nodejs 설치 nodejs 를 설치해주자! 필수요소는 아니지만 npm 이라는 노드패키지매니저(npm)를 편히 사용하기 위해 설치하는걸 권 장한다. nodejs 에는 npm 이 내장되어 있기 때문에 nodejs 를 설치해주는 것만으로도 npm..