![]()
WHAT Frontenc Mentor? https://www.frontendmentor.io/challenges?sort=difficulty%7Casc CHALLENGE TITLE : Recipe page FOCUS ON This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content. 각 요소에 가장 적합한 시맨틱 태그가 무엇일지 고민하면서 제작해보라고 한다. WHAT TO DO? - li 태그와 텍스트 사이의 간격을 늘리고 싶어서, 약간 얌체같은 방법을 선택해서 간격을 늘려보았다. 목표 설정 - ..
![]()
**이미 지난 주차의 위클리 페이퍼이지만 블로그 이사로 인해서 새롭게 올리게 되었습니다.**내용은 유사하지만, 조금 더 보완해서 게시했습니다! - 시맨틱 태그를 사용하면 좋은 점을 설명해 주세요.- position의 속성들과 각각의 특징을 설명해 주세요. Semantic tag란?: 의미론적(semantic) 태그라는 뜻으로,이를 이용하면 HTML에서 각각의 태그 안에 있는 내용이 어떤 목적으로 구현되었는지를 나타낼 수 있고,사용할 때는 콘텐츠의 의미와 기능에 따라 적합한 태그를 선택해야한다. 시맨틱 태그의 종류1) header로고 및 제목이 포함된 페이지의 최상단 콘텐츠 2) main메인 콘텐츠의 전체를 감싸는 태그 3) footer저작권, 연락처, 사업자 정보, 소셜 미디어 계정 정보 등이 포함된 하..
![]()
WHAT Frontenc Mentor? https://www.frontendmentor.io/challenges?sort=difficulty%7Casc CHALLENGE TITLE : Recipe page FOCUS ON This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content. 각 요소에 가장 적합한 시맨틱 태그가 무엇일지 고민하면서 제작해보라고 한다. WHAT TO DO? - list-style-image 속성을 이용하여 시안에서 주어진 dot 이미지로 바꿔주었다. - 태그의 역시, 원하는..
![]()
프로젝트 시작 전의 나를 이야기해보자면☑️ 리액트 강의를 듣고는 있지만 이해 안됨 (스스로 구현 못함) ☑️ git 잘 쓸 줄 모름 (origin, upstream이 뭔지 pull과 push를 어찌하는지) ☑️ CSS 기술 중에서 쓸 줄 아는 것이 기본적인 CSS 하나 뿐이었음 위와 같이 기초적인 지식이 너무나도 부족했고,리액트에 대한 이해가 간절했던 상태 😂 운이 좋게도 정말 좋은 팀원을 만나 프로젝트 기간 내내 모르는 것을 마구마구 물어보면서 참여했던 것 같다. 질문을 하고 많은 이야기들을 나누면서 어느 순간부터 리액트에 대한 이해가 조금씩 되기 시작했고, 스스로 구현하고 해결하는 게 재미있어지기 시작했다. 최대한 내가 맡은 부분을 스스로 구현하고 싶어 학습 시간 중의 많은 부분을 코드를 짜는..
![]()
WHAT Frontenc Mentor? https://www.frontendmentor.io/challenges?sort=difficulty%7Casc CHALLENGE TITLE : Recipe page FOCUS ON This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content. 각 요소에 가장 적합한 시맨틱 태그가 무엇일지 고민하면서 제작해보라고 한다. WHAT TO DO? github에 올려가면서 작업을 하려고 했더니 초기 설정에 너무 우왕좌왕 시간을 많이 썼다..! 초기로 어떤 값을 어떻..
