geumsong lee blog

CSS는 HMTL 태그를 꾸미거나 효과를 넣어 주는 등 디자인 요소를 추가할 때 사용하는 전처리 과정이다. 하지만 프로젝트 규모가 커지거나 작업이 고도화될수록CSS는 불가피하게 가독성이 떨어지는 등 유지보수의 어려움을 주는 요소가 된다코드의 재사용성을 올리고, 가독성을 올리는 등 CSS에서 보이던 단점을 보완하고, 개발의 효율을 올리기 위해 등장한 개념이 SASS / SCSS라고 한다 CSS의 태생적 한계를 보완하기 위해 Sass는 유용한 도구들을 제공한다 1. 선택자(selector)를 만드는 관점에서 볼 때 불필요한 부모 요소 선택자를 매번 적어야 한다. 2. 규모가 커지는 프로젝트의 경우에도 일원화된 자동화가 어렵고 수동으로 모든 것들을 수정&변경해야한다. 📍장점 1. 선택자의 중첩(Nesting)..

CSS는 어떤 목적의 언어인가요? CSS를 웹페이지에 삽입하는 방법은 무엇인가요? STYLE 속성은 무엇인가요? 선택자가 무엇인가요? ID="" 예외적으로 디자인 변경 가능 (앞에 .붙임) ,우선순위 CLASS="" 포괄적, 그룹핑(앞에 #붙임), 두번째 span 이 웹페이지에 있는 모든 span 태그 지목, 세번째 CSS가 등장하기 전의 상황 HTML 이용 시, 여러 불편과 문제점이 생겼다. 글꼴, 문자 크기&색깔, 정렬, 배경 등.. 웹페이지를 보기 좋게 만드는 방법에 대해 고민하게 된다. 예를 들어, 라는 코드를 3번 정도 썼다고 한다면 이게 1억개가 돼었을 때도 1억개를 써야 한다는 뜻이다. 따라서 웹 사이즈의 크기도 완전 커지게 된다. 따라서 이 것을 한 코드로 실행할 수 있도록 만들 것이다. ..

"웹 세계에 오신 것을 환영합니다!" ​ ​ 처음 코딩을 배웠을 때 웹상에서 띄운 결과값이었다. ​ ​ 그저 알파벳만 적었을 뿐인데 강사님이 나보고 잘했다고했다.​ 정말 뿌듯뿌듯 코딩은 어려운 것이고 못할 것이라 생각했는데 나도 할 수 있었다! 일단 글을 웹에 띄워는놨잖아?;; "개발자의 자세" ​ ​ 개발자의 자세는 무엇인가를 만들기 전에 무엇을 만들 것인가를 미리 상상하고, 계획해야 한다고 했다. 그리고 이것을 '기획'이라고 부른다. 그럼 전문적으로 하는 사람들은? '기획자'라고 부르겠지? ​ ​ 먼저 해야할 일은 내가 생각하는 웹사이트의 모습을 눈으로 보이게 그려보는 것이다. ​ ​ 나는 쌩초보이므로, 강사님이 그려놨던 것을 참고하기로 했다. 1 - 전체 제목 2 - 목차 (이 목차에는 링크가 걸려..