개발공부7 noopener, norenoreferrer, nofollow를 사용하는 이유 a 태그의 rel 속성 값으로 사용되는 noopener, norenoreferrer, nofollow 에 대해 알아보자 a 태그의 rel 속성은 html 문서와 링크된 두 문서간의 관계를 명시해준다. 이때 href 속성이 있어야 rel 속성을 사용할 수 있고 검색 엔진은 이 속성을 통해 링크에 대한 추가 정보를 얻을 수 있다. rel 속성에 사용되는 value 중 noopener, norenoreferrer, nofollow 값은 , , 요소에서 사용되는데, 이 값들은 하이퍼링크를 생성하지는 않지만 저 요소들에 의해 생성된 다른 하이퍼링크의 주석이 되기도 한다. 1. noopener 보통 하이퍼링크를 만들 때 target 속성을 지정하면 새로 열린 브라우저 탭에 이름을 지정하고 보조적인 브라우저 탭을 생.. 2023. 6. 3. [제로베이스] 프론트엔드스쿨 한 달 차의 학습 요약 프론트엔드스쿨이 개강한지 벌써 한 달이 지났다. 시간이 참 빠르다.. 처음 프론트엔드스쿨을 시작하며 많은 공부량을 잘 따라갈 수 있을까 걱정을 했는데, 주어진 계획표를 따라가며 공부하니 큰 문제 없이 한 달이 지났다. 먼저 지난 한달간 좋았던 점을 정리해보자면, 1. 제대로 알지 못하던 개념들을 자세히 배울 수 있어서 좋았다. 유튜브나 다른 사이트의 무료강의를 들으며 무언가를 코딩할 때 꽤나 자주 들은 말은 '이 코드는 이해하지 않아도 되고 ~한 상황에 무조건 적용하면 된다.' 라는 말이었다. 물론 하나의 코드에 대해 너무 깊게 파고들지 않아도 된다는 의도였겠지만 나도 그렇게 받아들인 채로 코딩을 하다보니 제로베이스의 미션을 하면서 어려움을 겪게 되었다. 가운데 정렬이라는게 쉬운거라고 생각했는데, 왜 이.. 2023. 5. 1. [제로베이스]2주차 학습요약 2주차에는 CSS 와 운영체제, Git 소스트리 사용방법을 공부했다. CSS 의 display 나 position 부분은 이전에 제대로 알지 못해서 그때그때 적용되는 걸 사용해왔는데 이번에 제대로 알게되어 좋았다. 필요한 부분을 메모하며 들었는데 실제로 여러 번 사용해보며 내것으로 만들어야 할 것 같다. 컨테이너에 적용하는 속성과 그 안에 있는 아이템에 적용하는 속성이 다르다는 것도 배우고 나니 이전에는 헷갈렸던 것들이 하나씩 정리되어가는 느낌이라 좋았다. 기본을 알지 못한채로 무작정 코딩만 했던게 이럴 때는 도움이 되는 것 같다. 이론을 배우면서 내가 코딩하며 했던 실수들이 떠오르고, 이제는 그 실수를 어떻게 고쳐야 하는지 알게됐다는 점이 좋았다. 러닝메이트 강의는 이론 위주였지만 자세하고 이해가 잘 .. 2023. 4. 16. CSS Selector - 자식 선택자 1. first-child 부모의 첫 번째 자식을 선택함 Movie List Toy Story Zootopia Inside Out Coco Finding Nemo .movie:first-child { font-size: 26px; } 코드를 이렇게 작성하면 movie 클래스를 가지고 있는 요소 중 첫 번째인 Zootopia 의 폰트 사이즈가 바뀔거라 생각하지만 실제론 아무런 변화도 일어나지 않는다. ☆ first-child 는 말 그대도 부모의 첫 번째 자식을 선택하는 것인데, movie 클래스를 가진 li 요소의 부모는 ul 태그이고, ul 태그의 첫 번째 자식인 Toy Story 가 movie 클래스를 가지지 않기 때문에 해당하는 것이 없어 폰트 사이즈가 바뀌지 않는 것이다. 2. last-child.. 2023. 4. 15. 이전 1 2 다음
