[TIL] 내배캠4기 React 17일차

퍼블리싱 2주차 강의는 잠깐 한눈 팔면 휘리릭 지나가 집중집중하면서 봤다
개발자도구를 띄워서 속성값을 이것저것 바꿔가면서 실습해보니 각각 어떤 기능을 하는 건지 바로바로 바뀌는게 보여서 이해가 잘 됐당🤍

SPA 특강을 듣고 팀원들이 의욕에 불타올랐다. 튜터님 말씀대로 이번 프로젝트에서 적용해보면 딱이다싶은 주제여서 그런 것 같았다. 다시보기랑 구글링 열심히 해서 써먹어봐야겠다🔥🔥🔥
DB 특강도 간결하고 깔끔했다. 그저 예전에 mysql 에러나던게 생각나서 혼자 의도치않은 ptsd에 사로잡혔을뿐... 다시한번 개념 정리하게 되어 넘 좋았다.

+ 새로운 스터디가 생겼다!! 주도적인 옛 팀원 덕분에 다같이 책임감갖고
심심하지 않게 공부할 수 있을 것 같아.. 짱..🤍

---

✍웹퍼블리싱 2주차 노트정리

!! (이중 NOT 연산자)

• 다른 타입의 데이터를 boolean 타입으로 형 변환 시켜줌

var isChecked = !!$("#checkbox:checked").val();
//checked -> true 원래라면 인풋태그 안에 value="1" 로 설정 
// else -> false undefined 

blind css

네이버 웹사이트를 개발자도구로 보면 클래스를 blind로 지정해준 것이 종종 보인다

<span class="blind">검색</span>

blind 처리

• 웹 접근성을 고려
• 실제로는 안 보이도록 처리해주지만 스크린 리더기에서는 읽히게 해줌
• 검색 엔진들의 봇들을 위해.
• 해당 엘리먼트가 어떤 역할을 하는지에 대해 설명

웹 접근성

키보드 접근성: 키보드를 통해 웹페이지 정보에 접근하는 것
초점이동: tab키를 통해 이동

초점을 받는 태그
a	링크 태그
button
input
select	옵션 선택 태그
textarea	입력 상자

tabindex

• 요소의 탭 순서를 지정하는 속성