목록개발 공부 (83)

열정 실천

[CSS 000] CSS 시작! - 선택자의 종류와 사용법

우리가 작성한 HTML파일에서 특정 부분만 딱 골라 CSS를 적용하여 꾸며야하는데 그 부분을 어떻게 구분하여 적용할까요? CSS는 선택자를 이용하여 특정 부분을 골라냅니다. 기본 규격은 아래와 같습니다 . (선택자) { (스타일 속성1): (스타일 값); (스타일 속성2): (스타일 값); } 선택자에는 태그, 클래스, 아이디가 있습니다. 각각을 선택자로 이용할 때에는 각각의 명칭 앞에 붙는 기호가 다릅니다. 태그 : (태그 명) 클래스 : .(클래스명) 아이디 : #(아이디 명) 선택자01. 태그 (태그 명) { ... } html을 작성할 때 사용한 태그를 그대로 선택자로 활용합니다. 그러면 해당된 모든 태그를 대상으로 CSS가 작동하게됩니다. 예시 가장 넓은 범위에 동시다발적으로 디자인을 적용할 때..
개발 공부/CSS 2023. 3. 18. 19:58
[HTML 003] OG Tag - 한 눈에 보는 페이지 정보 (Github Pages - 내 웹 페이지 배포하는 법)

OG 태그 특정 링크를 공유했을 때 위와 같이 썸네일 이미지, 제목, 설명 등의 내용을 볼 수 있다. 이는 Open Graph Protocol 인 OG 태그를 활용했기 때문이다. 이 OG태그는 공유한 링크로부터 웹 페이지의 특정 정보를 가져올 수 있게 한다. OG 태그는 head에 이러한 형식으로 작성한다. 하지만 이 태그를 사용하기 위해서는 해당 페이지가 배포가 되어있어야 가능하다!! 👇👇👇👇👇👇 Github Pages로 내 페이지 배포하기 1. Github Pages 원격 저장소 만들기 *Repositoy 이름 주의* Repository name : [계정명].github.io 2. 새로운 폴더 생성 후 html 파일 만들기 html 파일 이름은 반드시 index.html 로 해야한다! 3. Git ..
개발 공부/HTML 2023. 3. 16. 17:12
[HTML 002] 여러가지 태그의 종류와 사용법

여러가지 태그의 종류 줄바꿈 문단구분 *parageaph 제목표현 *heading 수평 가로선 하이퍼링크 *hypertext reference 버튼 사진 여러 태그를 담는 컨테이너 역할 text를 분할하는 역할 , 순서 번호가 있는 리스트 , 순서 번호가 없는 리스트 입력칸 여러가지 태그의 사용법 줄바꿈 여는 태그와 닫는 태그 없이 단독으로 사용한다. [사용 예시] [결과] 문단구분 하나의 문단을 쓸 때 사용한다. (줄바꿈 포함!) [사용 예시] [결과] 제목표현 제목을 표현한다. h1부터 h6까지 크기가 다르다. [사용 예시] [결과] 하이퍼링크 하이퍼링크를 걸어주는 태그 1. 기본형 : => 원래 있던 창에서 이동 2. target 옵션 : => 새로운 창에서 링크 접속 3. 가짜 하이퍼링크 : =>..
개발 공부/HTML 2023. 3. 16. 17:10
[HTML - 001] <head>와 <body>란? (주석다는 법, 주석 단축키, 코드 정렬)

html에서 주석달기 * 해당 라인 전체 주석처리하는 단축키 : ctrl [cmd] + / html 문서 기본 형식 웹 프론트엔드 개발 시작 : '이 문서의 종류는 HTML입니다' 라는 정보 (태그로 해당 html 문서를 감싸준다) : html 문서에 대한 설정 정보가 담김 : 웹 페이지 화면에 표시될 자료들이 담김 태그 1. 문서 일부에 정보를 부여한다. 2. 여는태그 와 닫는태그 를 활용하여 정보를 표현할 범위를 지정한다. 3. 범위가 필요없는 태그는 로 표현한다. 다양한 태그 종류 줄바꿈 문단 구분 *paragraph 제목 표현 *heading - ~ 하이퍼링크 -> *href : hypertext reference 버튼 사진 -> 여러 태그를 담는 컨테이너 역할 text를 분할하는 역할 , 리스트..
개발 공부/HTML 2023. 3. 13. 18:40
[블록체인] 015. 블록체인의 한계와 미래 전망

안녕하세요-!! 오늘은 드디어 단국대학교 k-mooc [혁신의 기술2 : 신뢰의 미래, 블록체인을 만나다] 의 마지막 강의입니다!!! 학습 내용과 목표는 다음과 같습니다 학습내용 1. 블록체인의 한계 2. 블록체인의 미래 전망 학습목표 - 블록체인이 가지는 한계를 안다. - 블록체인의 미래 전망에 대하여 생각한다. 블록체인의 문제점 1. 느린 속도 블록체인은 상대적으로 느린 거래 처리 속도와 확장성 문제가 주요 한계점으로 지적이 되는데요 네트워크에 참여자가 많아지면 많아질수록 검증을 해야 할 그러한 거래가 많아지면서 그만큼 네트워크 참여자들 간에 합의에 도달하는 소요 시간이 증가할 수밖에 없게 됩니다. 비자에 비하면 블록체인 기반의 플랫폼은 속도가 현저히 떨어지는 것을 확인할 수 있습니다. 2. 저장공간..
개발 공부/블록체인 2022. 11. 25. 23:50
[블록체인] 012. 산업별 dApp 사례 - Social

안녕하세요-!! 오늘은 단국대학교 k-mooc [혁신의 기술2 : 신뢰의 미래, 블록체인을 만나다] 의 열두 번째 강의를 내용과 함께 소개해드리려고 합니다 *^0^* 학습 내용과 목표는 다음과 같습니다 학습내용 1. SNS의 블록체인 활용사례 2. 미디어와 블록체인의 개념과 활용사례 학습목표 - SNS에서의 블록체인 활용을 사례를 들어 설명할 수 있다. - 미디어에서의 블록체인 활용을 사례를 들어 설명할 수 있다. 신문, 방송, 음악, SNS, 동영상 공유 등 미디어 산업의 중심에는 콘텐츠가 있습니다. 이러한 시장에서 가장 이익을 본 주체는 콘텐츠 창작자가 아닌 플랫폼 사업자와 주주들 이었습니다. 이러한 불공정한 수익 배분에 대한 문제 인식을 최근 블록체인을 활용하여 새로운 미디어 서비스들이 등장하고 있..
개발 공부/블록체인 2022. 11. 25. 21:29
이전 Prev 1 ··· 5 6 7 8 9 10 11 ··· 14 Next 다음