TIL 20230610

Event

null

 

생활 계획표

 

AM 6:00 체조, 아침식사, 산책, 샤워, 설거지, 세탁

AM 8:00 입실, TIL 리뷰, 노드 시간표 및 오늘 목표 체크

AM 8:30 공부 시작

PM 1:00 ~ 2:00 점심 식사

PM 6:00 ~ 7:00 저녁식사

PM 7:00 TIL, WIL 제출

PM 9:00 퇴실 (카톡 확인)

PM 11:00 취침

오늘 목표

자바스크립트 문법종합반 강의자료 3주차, 4주차

TIL 작성

TIL 리뷰

프로그래머스 풀기

 

오늘 한 것

TIL 작성

TIL 리뷰

프로그래머스 풀기

외계행성의 나이 : https://verdantjuly.tistory.com/178

순서쌍의 개수 : https://verdantjuly.tistory.com/179

모스부호(1) : https://verdantjuly.tistory.com/180

0. Semantic HTML

접근성: Semantic HTML은 웹 페이지의 구조를 시각 장애인이나 스크린 리더 사용자와 같은 장애를 가진 사용자에게 명확히 전달합니다. 웹 페이지를 의미론적으로 마크업하면 접근성을 향상시키고, 다양한 사용자들이 웹 콘텐츠에 더 쉽게 접근할 수 있습니다.

 

코딩에 처음 도전해 보자 마음 먹었을 때 시각 장애인이나 스크린 리더 사용자의 경우 코드에 있는 label이나 태그들이 명확하게 되어 있지 않으면 어려움을 겪을 수 있다는 것을 배웠다. 하지만 시간이 오래 지나 잊고 있었다. 내가 작성한 코드가 얼마나 독단적으로 배려가 없었는지 알게 되었다. 다음에 코드를 작성하게 되면 semantic한 코드를 작성하여야겠다. 

1. array.join()

.join(문자열 사이의 구분자)

배열의 모든 요소를 더해 하나의 문자열로 만든다.

 

.join()는 기본적으로 구분자로 쉼표가 들어간다.  "Fire,Air,Water"

.join("")는 구분자가 들어가지 않는다. "FireAirWater"

.join(-)를 할 경우 더해진 문자열 사이사이에 - 가 들어간다. "Fire-Air-Water"

 

참고자료 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/join

 

---

정리 

접근성: Semantic HTML은 웹 페이지의 구조를 시각 장애인이나 스크린 리더 사용자와 같은 장애를 가진 사용자에게 명확히 전달합니다. 웹 페이지를 의미론적으로 마크업하면 접근성을 향상시키고, 다양한 사용자들이 웹 콘텐츠에 더 쉽게 접근할 수 있습니다.

 

.join(문자열 사이의 구분자)

배열의 모든 요소를 더해 하나의 문자열로 만든다.

 

.join()는 기본적으로 구분자로 쉼표가 들어간다.  "Fire,Air,Water"

.join("")는 구분자가 들어가지 않는다. "FireAirWater"

.join(-)를 할 경우 더해진 문자열 사이사이에 - 가 들어간다. "Fire-Air-Water"

 

소감

단골 미용실에 다녀왔는데 내가 노트북을 하고 있는 걸 보시고 사장님께서 요즘에 공부 하냐고 물어보셨다. 새로운 직업을 갖기 위해 공부하는 중이라고 했더니 열심히 해서 되어야 한다고 응원해 주셨다. 누가 봐도 공부하는 사람이 되어서 소정의 목표는 달성한 것 같아 다행이라고 생각한다.