바닥부터 시작하는 개발 공부

😀TODAY 어제까지 HTML에 대해서 간략히 공부해보고 3일차인 오늘 CSS에 대해서 배워보았습니다 😀CSS? Html을 통해서 웹페이지의 구조를 정해주었다면, CSS는 디자인적인 요소를 담당합니다 간단히 말하면 예쁘게 꾸며주는 역할을 합니다 CSS 선언방식 HTML에서 CSS를 활용하는 방법은 크게 네가지가 있습니다 1. 내장 방식 의 내용으로 스타일을 작성하는 방식입니다. 태그 안에 위치하게 됩니다 ​ 2.인라인 방식 요소의 style 속성에 직접 스타일을 작성하는 방식입니다 우선순위가 높기 때문에 일반적으로 사용을 권장하지 않는다고 합니다 👉 CSS를 수정하기가 어렵기 때문에..! ​ 3.링크 방식 로 외부 CSS문서를 가져와서 연결하는 방식입니다 ​ 4.import 방식 파이썬이나 기타 다른 언..

요소(element) 코딩에 관심이 있기도하고 블로그로 글을 쓰거나 뭔가 이런저런 상황에서 html을 본적이 많이 있었어서 내용같은 구조를 많이 보았었다. 전 날에는 html을 이용하여 Hello world를 출력하였는데 여기서도 Hello world와 같은 구조를 사용하였다 이런것들을 요소라고 하며 간혹 태그= 요소와 동일하게 사용된다고 한다 태그 간의 관계(부모- 자식) 이런 요소의 활용법들에는 다음과 같은 것들이 존재합니다 들여쓰기를 통해서 특정 요소가 어떤 요소의 하위에 위치하게 되는데 이런것들을 부모 요소 / 자식 요소라고 합니다 요소가 복잡해지면 다음과 같이 표기하면 구분하기가 어렵기 때문에 들여쓰기를 해서 구분해줍니다 파이썬에서와 같이 필수 요소는 아닌거 같습니다 여간 가독성을 위해서 다음과..

Java sript, css, image 파일을 불러와서 다음의 결과물을 만들어보겠습니다 1. jave script 아래와 같이 main.js로 저장한 java script 파일을 불러와보겠습니다 #main.js console.log('lightJ') F12를 들어갔을때 나오는 console 창에서 lightJ라는 텍스트를 출력하게 해보겠습니다 3.Image 이미지를 불러오는 태그입니다 githup의 README.md를 많이 활용해보신 분들이라면 익숙한 태그일거 같습니다 위에서와는 다르게 head가 아니라 태그에서 불러와 줍니다 전체코드 Hello world!

Hello world 출력하기 python에서는 print("Hello world")와 같이 간단하게 출력하고 C에서는 헤더를 불러와서 어찌구... 길게 출력했었습니다 지금와서 생각하는거지만 이게 언어의 첫걸음을 떼는데 굉장히 중요한 부분이라고 생각합니다 의외로 언어가 가지고 있는 속성..? 특징..? 같은 부분을 단편적으로나마 잘 보여주는거 같습니다 오늘은 html에서 Hello world를 출력해보겠습니다 Hello world! 저번 글을 복습하는 겸 다시 얘기해보면 태그는 문서의 시작, 끝을 나타냅니다 이때 lang을 통해서 문서의 언어의 종류를 표현할 수 있습니다 태그는 문서의 정보를 담고 있습니다 이 태그 안에 meta와 title과 같은 몇개의 태그가 있는데 이 부분은 순차적으로 배워보겠습니다..

html에서는 태그가 중요합니다 ▶html은 이러한 태그에 따라서 문서를 이해하는 방식이 다름 태그의 종류 문서의 전체 범위 HTML 문서가 어디에서 시작하고 어디에서 끝나는지 알려주는 역할 사람처럼 브라우저는 문서의 끝을 인지하는게 아니라 이러한 명령어를 통해서 인지함 명확하게 문서의 범위를 기입 문서의 정보를 나타내는 범위 웹 브라우저가 해석해야할 제목, 설명 혹은 디자인(CSS)등을 나타는 곳 문서의 구조를 나타내는 범위 사용자의 화면을 통해 보여지는 로고, 헤더, 푸터, 네비게이션, 메뉴, 버튼, 이미지 같은 웹페이지의 보여지는 구조를 작성하는 범위 HTML 문서의 제목을 정의 웹 브라우저 탭에 표시되는 제목! 외부 문서를 가져와 연결할 때 사용 ex) 스타일(CSS)를 HTML 문서 안에서 작성..