본문 바로가기

HTML

HTML ,CSS, JS 이번엔 html css js에 대해서 간단하게 공부해보겠습니다. 이미 아는내용이니 한번 깔끔하게 정리한다고 생각하고 간결하게 알아보도록 하겠습니다.HTML 이란?Hyper Text Markup Language의 약자로 브라우저 내에서 웹 페이지의 구조를 정의하는 언어입니다. HTML은 이나 와 같은 태그(tag)를 사용하여 텍스트, 이미지, 링크 등 웹 콘텐츠의 의미와 구조를 명시하며, 클라이언트에 의해 해석되어 웹 페이지로 표시합니다. 1. HyperText (하이퍼텍스트) http://www.naver.com"> 태그(링크)를 통해 서로 다른 HTML 페이지간 이동이 가능한 텍스트를 말합니다. 2. Markup Language (마크업 언어) 마크업'은 '표시한다(Mark up)'는 뜻으로 클라이언.. 더보기
다시금 배워보는 웹개발 기초 오늘부터 다시 리제로 해서 백앤드 개발자로서 다시 태어나기로했다.기존에 아는것이라도 다시금 공부하면서 리마인드하고 배워보자. 오늘은 그 첫번째 시간으로 근본적으로 우리 웹에대해서 공부해보도록 하겠습니다.오늘의 학습목표인터넷과 웹을 설명할 수 있다.클라이언트(브라우저)의 역할을 이해하고, 서버와"요청/응답"을 주고 받는 큰 그림을 그릴 수 있다.브라우저 개발자 도구를 활용하여 웹사이트를 구성하는 3요소 (HTML,CSS,JS)와 네트워크 통신을 확인 할 수 있다.1. 인터넷과 웹인터넷과 웹 말만들으면 그거 두개 같은거 아님? 이라고 생각할 수 있다.하지만 엄연히 다른것. 웹이란? 컴퓨터들이 "인터넷" 을 통해 데이터를 공유 할 수 있는 거대한 데이터 공간. - (정보 서비스)우리 똑똑한 학습자들은 바로 눈.. 더보기
javascript 드래드 앤 드롭 이벤트 연습하기[dragover | drag-over | dragleave | drop] 안녕하시렵니까?최근 개인 사이드 프로젝트로 노션같은 프로젝트 관리 서비스를 한번만들어 보고있는데 말입니다. 그 왜 노션쓰다보면 보드 있지않습니까. 그거 만들려고 하는데 말입니다. 하....이거 감도 안오는거 있지않습니까?명색의 프론트개발자라고 떠들고다니는 양반이 이런거 하나 못해서 말이야.. 전 회사에서 너무 물경력으로 있긴했음... 정신차리고 열심히 살아야지... 그래서 깃에 프로젝트 하나 간단한거 파서 연습한번 해봤음다.뭐 다른 프레임워크 그런거 안쓰고 걍 html/css 로 UI딸깍 했습니다. #index.htmlDrag & Drop 연습 할 일 HTML 구조 만들기 CSS로 스타일링 JS로 드래그 이벤트 진행 .. 더보기