All
[프로그래머스] 완주하지 못한 선수
문제 나의풀이 설명 -> 참여자와 완주자를 비교해서 완주를 못한 참여자를 뽑아내야 되므로 Map으로 각 참여자와 완주자를 Key값으로 만들기 위해 Map을 사용 -> 첫번째 for 문으로 참여자 길이만큼 계속 돌면서 map에 참여자가 없으면 참여자와 1이라는 숫자를 value값으로 저장 -> 같은 이름을 가진 참여자가 있을 수도 있으니 이름이 null값이 아니면 그 map에다 이름을 저장하면서 같은 이름의 참여자의 value값 즉, 1을 가져와서 1을 더한 값을 저장한다 그럼 같은 이름을 가지고 있으면 2가 value 값 -> 첫번째 for 문이 끝나면 두 번째 for문에서 이제 완주자를 참여자처럼 map에다가 저장 -> map.forEach 문으로 순회하면서 map에 있는 각 원소들을 가져와 만약 홀수..
[HTML] 헷갈릴 수 있는 태크들!
i vs em 둘 다 이텔릭체로 폰트 타입을 변환 i : 시각적으로만 나타내고 싶을 때 em : 문장에서 정말 강조하고 싶은 부분이 있을 때i vs em b vs strong 둘 다 bold체로 보이지만 strong은 정말로 강조하고 싶을 때 ol vs ul vs li ol ordered list로 목록 순서가 중요하면 사용하는 태그 ol 속 li 태그 안에 또다른 ol 태그 사용가능 ul unordered list로 순서가 필요 없을 때 ul 안 li 태그 안에 또다른 ul 태그 가능, nestled loop처럼 dl description list로 단어에 대해 설명을 묶고 싶을 때 dt는 목록을 나타내는 단어 dd는 그 단어에 설명 img vs background-image img : html에서 사..
[HTML] Semantic Tags
Semantic Tag HTML5부터 등장하는 태그들이다 div에 class 값을 붙이면 모든 스타일링 작업이 가능하지만 어느 부분이 제목이고 바디인지 알 수가 없다 div에 class 붙여서 만드는 모든 구조와 파일은 현 상황에서는 하면 안 되는 일이다... 정의 semantic : 의미의, 의미가 있는 HTML 태그들 중에서도 나름의 의미가 있는 태그 들을 말한다 특징 SEO (Search Engine Optimization) 검색 엔진 최적화는 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성하면 브러우저의 검색 엔진이 내가 만든 웹 사이트를 어떤 검색 결과에 띄워줘야 될지를 알려줄 수 있다 웹 접근성 (Accessibility) 보통 사람들과 달리 웹 이용에 불편함..
[HTML] 정의 & 구조 & 특징들
정의 HyperText Markup Language HyperText : 웹 페이지에서 다른 페이지로 이동할 수 있도록 링크를 정의 (연결되어 있다) Markup : 태그로 이루어져 있으며 웹 페이지의 구조를 정의 (형태나 효과) Language : 언어 웹 페이지의 구조를 설명하는 프로그래밍 언어의 한 종류로 웹 브라우저에서 웹 페이지의 정보를 적절한 태그와 속성을 이용해서 명확한 의미를 가진 문서를 만들어 설명한다 ‘무엇을 어디에 배치할지’ 구조화하는데 사용된다 ex) 방 하나가 웹 페이지라고 생각하면 그 방 안에 가구들을 배치하는데 사용되는 것이 HTML! 특징 구조가 단순 / 문법이 쉽다 논리적이고 연산적인 요소가 없으며 단순한 구조를 가지고 있다 텍스트 파일 따로 컴파일 작업이 필요하지 X 편집..