본문 바로가기

📌Development/learn
3

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

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

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

이전 1 다음

728x90

최근댓글

최근글

인기글

skin by © 2024 ttutta

티스토리툴바