본문 바로가기

분류 전체보기93

[CSS] 생활코딩 Web2 내용정리 (CSS, 기초 문법, 선택자, 속성) 목차 WEB2 (1~7) WEB2 CSS - 1. 수업 소개 - YouTube 본 글은 유튜브 무료 강의 생활코딩의 내용을 정리하는 글 중복된 코드를 제거하고 작성하는 것이 효과적임! 1. CSS 웹사이트의 디자인을 하기 위해 여러 HTML 태그를 추가해서 활용하려고 했지만 코드가 너무 길어지고 중요한 정보를 찾기 어려워진 단점이 존재 → CSS의 등장 ex. WEB CSS → CSS 코드 해석 : a라는 태그가 있으면 그걸 red 컬러로 지정해줘 ;(세미콜론) : 하나의 descryption이 끝나는 것을 구분시켜주기 위한 구분 더보기 JavaScript → Html 태그의 CSS의 속성을 추가한 것으로 해석 2. 속성과 선택자 다양한 선택자, 속성, Value를 공부하는 것이 필요!! ⓐ. .. 2023. 3. 8.
[HTML] 생활코딩 WEB1 부록 코드의 힘 내용 정리 목차 WEB1 (코드의 힘) WEB1 부록 - 코드의 힘 - YouTube 본 글은 유튜브 무료 강의 생활코딩의 내용을 정리하는 글 1. 동영상 삽입 Youtube 동영상에 공유 퍼가기, embed 버튼 클릭 → 태그를 볼 수 있음. 본문에 삽입 2. 댓글 기능 데이터베이스 및 백엔드 기술이 필요! → 댓글 기능을 제공하는 곳에서 Html 코드를 붙여넣으면 해결! ※ 단 웹 서버를 거쳐야지만 작동! (보안 상의 이유) Disqus - The #1 way to build an audience on your website Disqus – The #1 way to build your audience Disqus offers the best add-on tools for websites to in.. 2023. 3. 6.
[HTML] 생활코딩 Web1 내용정리 (인터넷) 목차 WEB1 (14~20) WEB1 - 14. HTML 태그의 제왕 - YouTube 본 글은 유튜브 무료 강의 생활코딩의 내용을 정리하는 글 1. 태그의 제왕 : anchor의 약자, 링크를 걸어주는 태그 href="" → 다음 링크를 참조하는 속성 tilte="" → 이 태그의 title을 알리는 속성 이런 식으로 만들어진 HTML을 볼 수 있게 하려면 인터넷이 필요하다!! 2. 인터넷 인터넷 : 전세계적으로 연결되어 있는 컴퓨터 네트워크 통신연결망 → 이 인터넷을 통해 클라이언트가 서버에게 데이터를 요청하면 서버는 클라이언트에게 그 데이터를 응답해주는 것이 인터넷의 형태 3. 웹 호스팅/ 웹 서버 열기 1) 웹 호스팅 웹을 서버에 올리는 전문 업체에게 맡기는 것 ex. github 2).. 2023. 3. 3.
[HTML] 생활코딩 기초 내용 정리 (HTML, 태그) 목차 WEB1 (1~13) WEB1 - 1.수업소개 - YouTube 본 글은 위 무료 강의를 정리하는 글 1. HTML이란? HTML : 웹을 구동하는 프로그래밍 언어, 문법이 가장 간단함. → Visual Studio Code를 활용 태그(tag) : HTML을 기술하기 위하여 사용하는 명령어의 집합 : 태그에 주는 다양한 옵션은 모두 여는 태그에 지정하며, 닫는 태그는 태그 효과가 적용되는 범위의 끝을 나타냄. 2. 그럼 어떤 태그를 알아두어야 하는가? HTML Study | Advanced Web Ranking : 줄 바꿈을 의미, 닫힌 태그가 존재하지 않음. : paragraph, 단락을 의미. 3. 태그의 속성 : 이미지를 삽입하는 태그 → 하지만 이 Html 태그만으로는 이미.. 2023. 3. 2.
[IT] 기초 내용 정리 본 글은 위 책을 읽고 기초적인 IT 내용을 정리한 글 목차 비전공자를 위한 이해할 수 있는 IT 지식 내용 정리 본문내용넣기 1. 프로그래밍 언어 & 운영체제 [OS] 1) 프로그래밍 언어란 ⓐ. 사람이 컴퓨터에게 일을 시키고 싶어 함. ⓑ. 컴퓨터는 0과 1만 알아들음. ⓒ. 프로그래밍 언어로 문서 작성 → 작성된 문서를 컴파일러를 통해 0과 1로 변환 → 컴퓨터가 인식하고 작동. 2) 개발자가 하는 일 일어나는 모든 과정을 프로그래밍 언어로 작성 어떤 프로그램이 프로그래밍 언어로 작성하는 것은 서포트함. → 'IDE'(integrated Development environment): 통합 개발 환경, 코딩에 필요한 다양한 기능 제공 ex) 안드로이드 애플리케이션 개발 용도의 IDE : Android.. 2023. 2. 23.

티스토리툴바