분류 전체보기431 2. 마크업 & 태그 & link ■ 시맨틱 태그 의미를 가진 태그, 이름이 붙여진 div 태그 무조건 사용하는 것이 아니라, 작성하는 사람의 의도가 중요하다. 왜 사용하는가? 검색엔진 최적화 웹 접근성 개발자의 생산성 ■ link rel stylesheet : css 파일 icon : 사이트 아이콘 href mailto - 라는 걸 사용하면 이메일을 보낼 수 있다. 이 링크를 클릭하면 이메일 프로그램이나 이메일 앱을 열 수 있고, 받는 사람 주소에 링크에 적힌 이메일 주소를 자동으로 입력해 준다. ex) 메일 보내기 tel - 를 사용하면 전화를 걸 수 있다. 데스크톱 컴퓨터에서는 전화 기능이 없을 수 있지만, 스마트폰에서 이 링크를 클릭하면 전화 앱으로 연결된다. ex) 전화 걸기 ■ a target : _blank / _self(기.. 2023. 7. 14. 1. HTML과 기본구조 23.07.14 ver 1. HTML 웹 개발은 항상 HTML부터 시작한다. ■ HTML이란? 웹 문서를 만드는 언어 웹 사이트 표시를 위해 개발된 마크업 언어 웹컨텐츠의 구조와 의미를 정의한다. HyperText Markup Language 웹 브라우저에 보여 줄 내용에 마크업하고 문서끼리 링크하는 것 하이퍼텍스트(HyperText) : 서로 링크로 연결된 문서 마크업(Markup) : 표시한다(구조와 의미). 즉, HTML에는 서로 연결한다는 의미가 포함되어 있다. 다시 말해, 웹 브라우저에 내용을 보여 주는 텍스트, 이미지, 영상 등의 위치를 표시하는 것을 의미한다. HyperText 하이퍼링크(참조)를 통해 한 문서에서 다른 문서로 즉시 접근 가능한 텍스트 Markup Language - 태그로 .. 2023. 7. 14. Clone Coding(클론코딩)에 대한 생각 혹자들은 클론코딩 하는 것을 추천하지 않는다. 주로 다음과 같은 맥락에서 추천하지 않는다. 코드만 따라치는 경우 -> 말 그대로 복제품을 만드는 경우 추천하지 않는다. 클론코딩에만 만족하는 경우 -> 클론코딩의 목적은 복제품을 만드는 것이 아니다. 결과물로써 복제품이 나오는 것뿐이다. 목적을 잊어서는 안 된다. 그러나 나는 클론코딩을 추천한다. 그 이유는 다음과 같다. 코드를 치면서 사용하는 속성이나 구조가 익숙해진다. 익숙해짐으로써 "이럴 때, 이것을 사용하면 되지 않을까?"를 경험하게 된다. 그 경험과 생각이 자신감으로 이어진다. 막막한 낯섦에서 벗어나 익숙해짐에 들어가는 것이다. 클론코딩을 통해 무언가를 그래도 만들어봤다는 성취감과 자신감을 얻게 된다. 프론트엔드에서의 개발을 컴포넌트(Compone.. 2023. 7. 13. Visual Studio Code 설정 추천 익스텐션 JSON Viewer ES Lint 추천 색 변경 2023. 7. 13. '좋은 포트폴리오'란 무엇인가? - Developer 개발자 포트폴리오 좋은 개발자 포트폴리오 VS 나쁜 포트폴리오 https://youtu.be/5UIZ_WYwCfI 좋은 것? - 절대적인 기준이 없다. - 기업마다 쓰는 기술과 중요하게 생각하는 게 다르기 때문이다. - 완성도가 높아야 한다. (UI / 코드 리팩토링(정렬, 변수&함수명) / 주석입력 / ReadeME파일 올리기) 2023. 7. 13. 이전 1 ··· 64 65 66 67 68 69 70 ··· 87 다음