겨리의 개발일기

시멘틱 마크업 시멘틱마크업이란? ✅ 시멘틱마크업은 POSH(Plain Old Semantic HTML)라고도 불리는데, 단어 그대로 평범하고 오래된 의미론적인 HTML이라는 뜻이다. ✅ 시멘틱 마크업은 적절한 HTML 요소를 올바르게 사용하는 것에서 시작된다. 시멘틱마크업 하기 🤔 어떻게 하면 브라우저가 코드를 잘 이해할 수 있을까 ? 🧐 마크업 할 때 의미에 맞는 태그와 요소를 사용하고, 문서를 표현할 떄 구조화를 잘 해주는 등 정해진 약속을 잘 지키면된다. HTML5 시멘틱 요소 HTML5에서 새로 생긴 Semantic 요소들 : 사이트 내 독립적 구분 게시판, 블로그 본문, 매거진, 뉴스 기사 등 : 문서 주요 내용과 간접적으로 연관된 부분 표현. 사이드바, 콜아웃 박스 등 : Figure 콘텐츠에..

HTML&CSS 2023. 4. 10. 00:07

Content Models HTML5 이전에는 HTML 태그들을 inline과 block 두 가지 요소로만 구분 지었지만, HTML5부터는 태그에 특성에 따라 7개의 카테고리로 분류한다. 1. Metadata Content ✅ 콘텐츠의 스타일, 동작을 설정하거나 다른 문서와의 관계 등 정보를 포함하는 요소들이 포함된다. ✅ 메타 태그, 타이틀 태그, 스타일 태그, 링크 태그가 이에 해당하며 대부분 내에 들어간다는 것이 특징이다. base, link,meta, noscript, script, style, title 2. Flow Content ✅ 문서의 자연스러운 흐름에 의해 배치되는 요소들이 포함된다. ✅ Metadata에 해당하는 일부 태그들만 Flow에서 제외되며 요소 대부분이 Flow에 포함된다. ..

HTML&CSS 2023. 4. 10. 00:04

1. HTML 이해하기 - 기본적으로 HTML은 두 칸 이상의 공백을 모두 무시한다. 2. HTML 태그 1) 태그 ✅ anchor 태그 == a태그 == 앵커 == 링크 e.g. 네이버 href 속성 ✅ hypertext reference 속성 ✅ href 속성의 값은 링크의 목적지가 되는 URL target 속성 ✅ 링크된 리소스를 어디에 표시할지를 나타내는 속성 ✅ 속성값 - _self : 현재 화면에 표시한다는 의미. target 속성이 선언되지 않으면 기본적으로 self와 같이 동작한다. - _blank : 새로운 창에 표시한다는 의미. 외부 페이지가 나타나게끔 하는 속성 - _parent와 _top : 프레임이라는 특정 조건에서만 동작하는 속성. 최근에는 프레임을 잘 쓰지 않는다. 내부링크 ✅..

HTML&CSS 2023. 4. 9. 23:54

https://leetcode.com/explore/learn/card/fun-with-arrays/527/searching-for-items-in-an-array/3251/ Explore - LeetCode LeetCode Explore is the best place for everyone to start practicing and learning on LeetCode. No matter if you are a beginner or a master, there are always new topics waiting for you to explore. leetcode.com 주어진 Array가 산 모양을 이루는지 체크해서 true or false를 리턴하는 문제 삽질을 많이 해서 기록 😅 처음엔 가장 큰..

카테고리 없음 2023. 4. 6. 16:44

https://school.programmers.co.kr/learn/courses/30/lessons/172928 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Q. 지나다니는 길을 'O', 장애물을 'X'로 나타낸 직사각형 격자 모양의 공원에서 로봇 강아지가 산책을 하려합니다. 산책은 로봇 강아지에 미리 입력된 명령에 따라 진행하며, 명령은 다음과 같은 형식으로 주어집니다. ["방향 거리", "방향 거리" … ] 예를 들어 "E 5"는 로봇 강아지가 현재 위치에서 동쪽으로 5칸 이동했다는 의미입니다. 로봇 강아지는 명령을 수행하기 전에 다음 두 가지를..

Programming/Algorithm 2023. 4. 4. 23:53

https://leetcode.com/explore/learn/card/fun-with-arrays/526/deleting-items-from-an-array/3247/ Explore - LeetCodeLeetCode Explore is the best place for everyone to start practicing and learning on LeetCode. No matter if you are a beginner or a master, there are always new topics waiting for you to explore.leetcode.com 주어진 val의 값과 배열의 원소가 같으면 해당 원소를 제거하고 val의 값과 다른 원소들의 개수를 리턴하는 문제 힌트를 보면 two poi..

Programming/Algorithm 2023. 3. 31. 15:54

https://leetcode.com/explore/learn/card/fun-with-arrays/525/inserting-items-into-an-array/3245/ Explore - LeetCodeLeetCode Explore is the best place for everyone to start practicing and learning on LeetCode. No matter if you are a beginner or a master, there are always new topics waiting for you to explore.leetcode.com 주어진 배열의 요소가 0이면 0을 더 추가하되 기존 배열의 length 는 유지해야한다. 주어진 배열을 수정하라고 해서(modify arr..

Programming/Algorithm 2023. 3. 30. 00:09

MAC 주소 - NIC(쉽게 말해서 LAN 카드)에 대한 식별자. - 유선, 무선 랜카드가 동시에 있으면 NIC은 2개를 가지고 있다고 말할 수 있다. - MAC 주소는 하드웨어 주소 Q. MAC 주소는 변경이 가능한가? A. 가능하다. IP 주소 - Host에 대한 식별자 - Host : '인터넷에 연결된' 컴퓨터 - NIC 하나에 여러 IP 바인딩이 가능하다. → 컴퓨터 한 대의 IP는 n개가 될 수 있다. Port 번호 Q. Port 번호는 무엇에 대한 식별자인가? → 관점에 따라 다름 - S/W 개발자 입장 : Process 에 대한 식별 - Network 관리자 입장 : Service에 대한 식별자 - H/W 계층을 다루는 사람 입장 : Interface 에 대한 식별자 cf) 하드웨어 계층을 ..

CS 2023. 3. 28. 23:49