반응형 기록19 [코딩일지] #20230414 : 공부한 내용 적용, 블로그 오류 수정하기 #20230404 #HTML #CSS #블로그적용해보기 #실전 1. 클래스 101 조코딩 : CSS기초 배우기 2. CSS와 HTML이랑 연결되는 기본 방식 알기 3. CSS요소들 구분해서 파악해 보기 오늘 했던 활동은 아주 조잡하지만, HTML과 CSS에서 배운 내용들로 블로그 오류를 수정해 보았다. 오늘의 문제 : 프로그래밍 공부를 해야겠다고 시작한 계기가.. 죽어가는 '게으른 직장인의 식사일지' 이 블로그를 살리기 위한 것이었으므로, 해당 블로그와 테스트용 블로그에 적용해 보았다. 두 블로그에 대한 게시글 중에 오류가 떠서 색인이 되지 않는 글들이 있었는데, 가장 많이 오류 원인이 되었던 것이 2가지가 있었다. 1. 요소가 2개 이상 발견됨 블로그에 글을 다시 쓰면서 크롤링에 적합한 구성으로 글을 .. 2023. 4. 14. [코딩일지] #20230314 : 코드카데미 CSS 연습하기 _ CSS#2 #20230220 #CSS #C2 #코드카데미 CSS 1. 클레스101 조코딩 : CSS기초 배우기 2. 블록, 인라인 구분하기 CSS : 웹 개발자가 웹 페이지에서 HTML 콘텐츠의 스타일을 지정하는 데 사용하는 언어로써 색상, 글꼴 유형, 글꼴 크기, 이미지, 요소 위치 등을 수정할 수 있따. ▶ 규칙 세트 용어 • Selector 선택기 : 스타일을 지정할 요소를 대상으로 하는 데 사용되는 규칙 집합의 시작 • Declaration Block 선언 블록 : CSS 선언을 포함하는 {중괄호} 사이의 코드 • Declaration 선언 : 선택한 요소에 스타일을 적용하는 속성 및 값 쌍의 그룹 이름 • Property 속성 : 수정할 요소의 시각적 특성을 나타내는 선언의 첫 번째 부분. • Value .. 2023. 3. 14. [코딩일지] #20230219 : CSS 기초 공부하기 _ CSS#1 #20230219 #CSS #C1 #클래스101 조코딩 1. Deploy에 사이트 업로드 해보기 2. 도메인 등록해보기 3. ICO로 변경해서 아이콘 등록 시도 (but fail) CSS : HTML에 속성을 추가하여 다채롭게 만들어줌. HTML로 밑그림을 그렸다면, 그 위에 색감과 질감 표현을 하는 느낌? CSS를 잘 활용하면, 같은 HTML을 공유해도 보여지는 디자인이 다 다름 *속성 변환 시키기 1. 선택자로 지정, {} 중가로 속성값 넣기 • 선택자 : h1 • 중가로 사이에 CSS문법을 넣으면 변경할 수 있다. • h1이라는 자체를 태그한 것 선택자 안에 (선택자=h1) {속성명 : 속성값; } 2. class를이용해 선택하기 • . ←이 class를 의미함. 곧, .을 붙이지 않으면 class.. 2023. 2. 19. [코딩일지] #20230202 : Deploy와 도메인 등록 #20230202 #CSS #C1 #netlify #도메인등록 1. 코드카데미로 HTML공부 진행 중 2. 뭔가 확실히 잘못되었음을 인지함. 3. 궁금증 덮어두고 전에 나갔던 진도 이어서 오늘 할 예정 Deploy_netlify https://netlify.com/ 새롭게 업데이트 할 때마다 업로드 해주기 코드 수정 할 때 마다 업로드 해주고 확인 해보면 사이트 내 입맛대로 수정 가능 도메인 등록 cace24이나 가비아 등.. 에서 도메인 구매 가능. 내 소유의 도메인이 된다. *cafe24에서 구매한 도매인 연결 - 방법1. [Domain settings] → 도메인 추가 → [DNS configuration] → 도메인과 연결 해주기 - 방법2. [Domain settings] → 도메인 추가 → [.. 2023. 2. 18. [코딩일지] #20230125 : 코드카데미 HTML 연습하기 _ HTML#3 #20230125 #HTML #H3 #코드카데미 HTML 1. 코드카데미로 HTML공부 진행 중 2. 뭔가 확실히 잘못되었음을 인지함. 3. 궁금증 덮어두고 전에 나갔던 진도 이어서 오늘 할 예정 HTML hypertext markup language 하이퍼텍스트 마크업언어(WWW에서 구할수 있는 내용의 대다수를 만드는 데 사용되는 문서 포맷 언어) *요소들 설명 : 코드카데미 용어설명 바로가기, TCP 용어설명 바로가기 - *블록과 인라인 • HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가짐 • 대부분의 HTML 요소는 이러한 display 속성값으로 block이나 inline 중 하나를 가지게 됨 1. 블록(block) : 속성값이 블록인 요소는 .. 2023. 1. 28. [코딩일지] #20230114: 코드카데미 HTML 연습하기 _ HTML#2 #20230112 #HTML #H2 #코드카데미 HTML 1. vscode로 아주 기초적인 세팅과 코드 써보기. 2. 코드카데미로 HTML공부 하면 된다고 하셔서 오늘 이어서 할 예정. HTML [시작부터 여담] 크롬으로 뉴스기사 수정 하다보면 생각보다 재밌음. (조코딩 강의에서 알려주심) - *코드의 기본형태 : 블랄랄 - *제목으로 쓰던 은 기본 6개까지 존재. 그래서 그 6개가 티스토리에 있는 제목1 ~ 본문3으로 되어있는 부분이 딱 6개라서 그 6개라고 생각했는데 글 쓰면서 HTML로 돌려서 봤는데 블로그 글에는 아고 뭐고 사용된게 없다. (???) Q. 그럼 이건 언제 쓰여지는거지? 지금 글 쓰고있는 이 창에서는 이 아예 사용 안되는건가? 코드카데미(HTML) : Paragraphs 단락 • 가.. 2023. 1. 24. 이전 1 2 3 4 다음 728x90 반응형
