제로베이스 14기15 [제로베이스]제로베이스 5주차 학습 요약 벌써 5주차라니...믿을 수가 없다. html/css 미션도 마지막을 향해 가고있다. 저번주(4주차)와 이번주는 아주 피곤했다. 제공된 투두리스트 대로 미션을 진행했더니 일주일에 두 개씩 미션을 완성해야 해서 매일 밤을 샜다. 물론 내 속도가 느리기도 했고, 원하는 대로 구현되지 않는 것은 일단 내버려 두고 다음날 다시 해결하고 했더니 미션 하나당 이틀정도의 시간이 소요된것 같다. 그래도 미션을 진행하면서 문제를 해결하려는 끈기와 의지가 점점 늘어나는걸 느꼈다. 전에는 문제가 있어도 그냥 다른 일을 하거나 주변 사람들에게 바로 도움을 요청했는데 이제는 구글링으로 사람들이 작성한 코드와 내 코드를 비교하며 문제를 찾아보거나 gpt의 도움을 받아 문제를 하나씩 해결해 가는 것이 즐거웠다. 즐거운 와중에 한가.. 2023. 5. 7. 크로스 브라우징 방법 크로스 브라우징 : 개발자가 작성한 코드가 웹 페이지의 모든 브라우저에서 동일하게 렌더링되게 하는 것이다. 크로스 브라우징을 하지 않으면 사용자마다 웹 페이지가 다르게 나타날 수 있는 문제가 있다. 기본적인 크로스 브라우징 방법 1. CSS 초기화하기 브라우저마다 기본으로 지정된 CSS가 다를 수 있기 때문에 처음에 모든 설정 값을 없애고 시작하는 것이다. 이 파일은 구글에 reset.css 를 검색하면 쉽게 찾을 수 있다. https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in th.. 2023. 5. 7. [제로베이스] 프론트엔드스쿨 한 달 차의 학습 요약 프론트엔드스쿨이 개강한지 벌써 한 달이 지났다. 시간이 참 빠르다.. 처음 프론트엔드스쿨을 시작하며 많은 공부량을 잘 따라갈 수 있을까 걱정을 했는데, 주어진 계획표를 따라가며 공부하니 큰 문제 없이 한 달이 지났다. 먼저 지난 한달간 좋았던 점을 정리해보자면, 1. 제대로 알지 못하던 개념들을 자세히 배울 수 있어서 좋았다. 유튜브나 다른 사이트의 무료강의를 들으며 무언가를 코딩할 때 꽤나 자주 들은 말은 '이 코드는 이해하지 않아도 되고 ~한 상황에 무조건 적용하면 된다.' 라는 말이었다. 물론 하나의 코드에 대해 너무 깊게 파고들지 않아도 된다는 의도였겠지만 나도 그렇게 받아들인 채로 코딩을 하다보니 제로베이스의 미션을 하면서 어려움을 겪게 되었다. 가운데 정렬이라는게 쉬운거라고 생각했는데, 왜 이.. 2023. 5. 1. 시맨틱 태그를 사용하고 웹 표준을 지키는 이유 시맨틱 요소(Semantic Elements) : 시맨틱 요소는 브라우저와 개발자에게 태그의 의미를 명확하게 설명해주는 것을 말한다. ex) non-semantic 요소인 , 태그는 어떠한 의미를 담고있지 않음 반대로 semantic 요소인 , , 등의 태그는 그 내용을 명확하게 정의함 시맨틱 태그를 사용하는 이유 1. 검색 엔진 최적화(SEO): 시맨틱 태그는 웹 페이지의 구조와 내용을 명확하게 정의하기 때문에 검색 엔진이 웹 페이지를 더 잘 이해할 수 있다. 이를 통해 검색 결과 페이지에서 노출될 확률과 검색 엔진 순위를 높일 수 있다. 2. 좋은 웹 접근성: 시맨틱 태그는 웹 페이지의 구조를 명확하게 정의하기 때문에 스크린 리더 등 보조 기술을 사용하는 사용자들도 웹 페이지를 더 쉽게 이해할 수 있.. 2023. 4. 27. 이전 1 2 3 4 다음
