'분류 전체보기' 카테고리의 글 목록 (2 Page)

프로필사진

FE_Log

JunO3O

검색

분류 전체보기 (50)

태그 목록

Udemy 상태 선택자 박스 속성 html 구조 선택자 중앙 레이아웃 CSS 단위 글자 생략 vscode the web developer bootcamp 유동 속성 속성 선택자 자손 선택자 글자태그 아이디 선택자 글자 속성 요소 배치 그레이디언트 display 속성 반응 선택자 배경 속성 one true 레이아웃 공간 분할 수평 레이아웃 css 후손 선택자 입력 양식 목록태그 위치 속성 태그 선택자

즐겨찾기

Copyright © Design Maker - vlo.

'분류 전체보기' 카테고리의 글 목록 (2 Page)

댓글수 · 2023.03.21

HTML(Hypertext Markup Language) 개요 : HTML은 콘텐츠의 구조를 규정하는 것이며, 페이지에 버튼, 양식, 링크 등 무엇이 있는지 나타냅니다. : HTML은 웹 페이지라는 문서에 마크업을 하기 위한 마크업 언어입니다. : HTML은 완전한 프로그래밍 언어가 아닙니다. => 복잡한 논리 같은 것을 전혀 필요로 하지 않기 때문! : 마크업이란 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지를 말하며, 굵은 글씨로 강조하거나 이탤릭체로 글씨를 기울이는 역할을 합니다. : 마크업을 하기 위해서는 HTML 요소가 필요합니다. 태그와 태그 사이에 내용(Content)를 입력합니다. : 마크업을 위해 HTML 요소인 를 사용하여 아래와 같이 만들 수 있습니다. 네잎 클로..

댓글수 1 · 2023.03.21

인터넷(Internet) : 기본적으로 인터넷이란 연결된 장치 묶음일 뿐입니다. : 오늘날에는 모든 장치들이 그 묶음에 포함됩니다. : N 대 N 의 컴퓨터끼리 통신을 할 때는 라우터를 통해 데이터를 주고 받습니다. : 네트워크의 네트워크들을 의미하며 월드 와이드 웹을 포함하여 많은 것을 가능하게 하는 인프라입니다. 웹(Web) : 인터넷이 연결된 컴퓨터들의 묶음입니다. : 그리고 그것이 우리가 웹 사이트를 공유하고 관심 있는 웹을 작동할 수 있도록 해줍니다. : 보통 웹으로 알려진 월드 와이드 웹은 인터넷을 통해 문서와 리소스를 공유할 수 있는 정보 시스템입니다. : 이러한 리소스나 문서들은 URL로 식별됩니다. : URL로 이동하거나 웹 브라우저로 웹 사이트를 볼 때 우리는 기본적으로 웹을 사용하고 ..

내가 참고한 풀스택 개발자가 되기 위한 공부 방향

댓글수 · 2023.03.21

[노마드 코더] 개발자가 되는 방법 2022 ※ 공부순서 총정리 ※ ㅁ 참고 영상 : 유튜브의 노마드 코더 채널의 '개발자가 되는 방법' 영상을 참고하여 공부 방향을 정했다. https://www.youtube.com/watch?v=c78j19OpfN0&ab_channel=%EB%85%B8%EB%A7%88%EB%93%9C%EC%BD%94%EB%8D%94NomadCoders 기초가 되는 HTML, CSS, JavaScript 부터 DB, React, TypeScript 그 이후까지 시각 자료와 함께 자세하게 설명하니 도움이 되었다 : )

저격글...? ㅋㅋㅋㅋㅋ

댓글수 · 2023.03.21

내 상황과 똑같은 유튜브 영상 with 노마드코더 새로운 강의를 듣기로 결심하고 개발과 관련된 유튜브 영상을 보다가 내 상황을 대변해주는 노마드코더 채널의 영상이 올라왔다... 그것도 강의를 구입하고 얼마 후 ㅎㅎ 출처 : https://www.youtube.com/watch?v=oJqHKNtYJ0w 이미 한번의 공부를 해봤고, 팀 프로젝트도 해봤지만 어딘가 빈 부분이 있는 것 같고, 뭔가 더 배워야할 것 같은 불안감에 정리를 도와줄 강의를 구입했다. 하지만 위의 영상을 보고 나서는 생각이 달라졌다. 팀프로젝트를 할 때, 선행 학습을 하고 프로젝트를 진행했었는데 가장 도움이 됐던 것은 선행 학습이 아니라 프로젝트를 하면서 각 기능에 대해 찾아보고 개발을 할 때였던 것 같다. 누군가 만들어놓은 것을 따라치..

이게 맞나...?

댓글수 1 · 2023.03.21

학습 과정에 대한 고민...! 최근 정해진 책을 토대로 HTML/CSS 공부를 하던 와중 "이렇게 혼자 하고 싶은대로 공부하는게 맞을까?" 라는 고민이 많이 들었습니다. 슬슬 JavaScript를 공부하게 될테고, Node를 사용해서 서버를 만들고 MongoDB를 사용해서 DB도 만들어보고 싶은데 각각의 기술들을 혼자 공부하기에는 흐지부지되고 제대로 공부할 수 있을까라는 걱정이 많았습니다 ... 강의를 구매했다 ! ( udemy - The Web Developer Bootcamp ) 그래서 강의를 찾아보고 구매했죠 ㅎㅎ 인프런과 유데미에서 강의를 둘러보던 중 약 80만명의 수강생이 들었고, 평점이 꽤 높은 강의를 들으면서 공부를 하려고 합니다. (24만명이 4.7의 평점을 줬으면 높은게 맞겠죠...?) ..

댓글수 · 2023.03.21

글자 생략 : 한 행을 넘어가는 글자를 자동으로 생략하는 기능을 필요로 할 때가 있습니다. ㅁ 글자 생략 : 글자를 생략하는 기능은 ellipsis 클래스를 만들어 쉽게 구현이 가능합니다. : 지정한 너비를 넘어가는 글자는 자동으로 생략할 수 있습니다. 글자를 생략하는 방법 위에서 h1과 p 태그의 width 값을 500px로 지정했기 때문에 글자의 너비가 200px이 넘는 경우 ...으로 표시하게 됩니다.

댓글수 · 2023.03.21

요소 배치 ㅁ 절대 위치를 사용해 요소 배치하기 : 자손의 position 속성에 absolute 키워드를 적용하라면 부모의 position 속성에 relative를 적용해야 합니다. 도형의 절대 위치 지정 ㅁ 요소를 중앙에 배치하기 : 중앙 정렬 하려는 div 태그의 position 속성을 absolute로 지정하고, left 속성과 top 속성을 모두 50%로 지정합니다. : 그 후 중앙에 정렬하려는 div 태그의 margin-left 속성과 margin-top 속성에 음수를 입력하면 요소가 왼쪽 위로 끌어당겨지면서 요소의 중심이 페이지 중앙에 위치하게 됩니다. : 이때 입력하는 값은 div 태그 너비와 높이의 반이어야 합니다. 요소를 중앙에 배치하는 방법 ㅁ 요소를 고정 위치에 배치하기 : 웹 페이..

수평 / 중앙 / one true 레이아웃

댓글수 · 2023.03.21

수평 정렬 레이아웃 : 수평으로 요소를 정렬할 때는 "자손에게 float 속성을 지정하고, 부모의 overflow 속성에는 hidden 키워드를 적용합니다." ㅁ 수평 정렬 레이아웃 : div.item 태그에 float 속성을 left로 적용하고, 부모의 overflow 속성을 hidden으로 적용해 요소를 수평으로 정렬합니다. 선택 1 선택 2 선택 3 선택 4 ㅁ 왜 overflow 속성을 지정해야 하는가? : width 속성과 height 속성을 입력하지 않고 overflow 속성을 적용하면 자손이 차지하는 너비를 모두 감싸는 특성이 있기 때문에 요소 위쪽과 아래쪽에 글자가 출력됩니다. ㅁ div.container 속성에 overflow : hidden 키워드 적용 여부에 따른 결과 비교 - ove..

1 2 3 4 5 ··· 7

티스토리툴바