TIL

240508 TIL 열일곱째날

8나지 2024. 5. 8. 23:25

// 내생각 색깔글씨 : 중요표시 

공부한 내용 - css문제점 / css컨벤션 / promise

 

결론 link 2줄의 위아래 바꿔줌

원래 : styles 아래에 reset 있었음 ; 초기화 후 내 스타일로 반영시켜야함. 반대로 하면 내 스타일 적용 후 초기화가 되는 것

 

 

css 파일관리

1. css 파일 압축, 주석,공백, 줄바꿈을 제거하여 유지 보수 및 수정사항 전달을 용이하게 한다.

2. css 속성순서 - display, list-style, postion, float, clear, width/height 등 순서로 css 속성 정의한다.

                         -요소의 윤곽, 테두리, 배경등을 순서로 css 속성을 정의한다.

3. css 작성 규칙 - 모든 속성은 숫자, 대문자, 특수 문자로 시작할 수 없으며, 영문 소문자로 작성한다.

                           - 단어의 구분을 위해 하이픈 표기법을 사용한다.

4. 기타 권장사항 - 가독성을 높이기 위해 속성과 값 사이에 공백을 둔다.

                          -중복되는 속성은 하나의 선언문으로 통합한다.

                          -선택자는 최소한으로 사용하고, 상위 선택자를 최대한 활용한다.

결론 : css 코딩 컨벤션은 css 파일 관리, 속성 순서, 작성 규칙, 가독성 등 다양한 측면에서 정의되며 이를 준수하면 협업과 유지 보수에 도움이 된다.

 

promise : 비동기 작업처리, api 호출, 데이터 처리, 에러처리, 코드 가독성 향상 위해 사용

사용방법 - (검색해보기)

1. 프로미스 객체 생성

2.비동기 작업 수행

3.프로미스 사용

4.프로미스 체이닝

5.프로미스 유틸리티 메서드

 

회고 : 코딩의 순서와, 가독성에 대해 많이 느꼈고 구글링 만세...ㅎ