위코드
1.[HTML] Semantic Web과 Semantic Tag
semantic 요소들로 구성되어 있는 웹사이트semantic 요소들로 구성되어 있어, 정보를 보다 더 정확히 검색 / 분석 할 수 있다.시각장애인을 위한 screen reader에 적합하다. semantic Web을 활성화 시키기 위한 요소로, 코드를 보고 그 의미
2.[CSS] 레이아웃 _ position / display / display:flex
html코드에 상관없이 요소를 원하는 위치에 지정 ▶️ 자체로는 의미가 없으며 top left bottom right 프로퍼티를 추가하여 위치를 이동.top left bottom right 에 마이너스 값을 주면 반대로 움직인다.▶️ 부모요소에 대해 절대적으로 움직일
3.[개발자도구] Application 패널
Application 브라우저의 저장소▶️ 각 기능별로 팀을 나누어 조사하고 멘토님께 설명을 듣는 시간을 가졌다. 그냥 아무것도 모르는 상태에서 듣는 것 보다 직접 찾아보고 이해해보고 설명을 들으니 더 머리에 잘 들어온듯. Application패널을 조사하는 팀이었는데
4.[위스타그램_CSS] 텍스트가 길어지면 생략기호 나타내기
text-overflow: ellipsis;아래와 같이 지정된 텍스트박스 길이에 비해 텍스트가 긴 경우, 다른 태그를 덮어쓰는 상황이 생긴다. 그럴때, 사용하는 CSS 가 text-overflow: ellipsis;.▶️결과▶️사용가능한 조건1\. block 요소여야
5.[GIT & GITHUB] Git 과 branch
Git 터미널 명령어 & branch
6.[HTTP_1] 역할 / 특징 / 메세지 구조
HTTP _1
7.[HTTP_2] 요청구조(GET / POST / DELETE) + Status Code
HTTP 요청구조 + Status Code
8.[JS] 문자열의 위치검색 방법 3가지_ indexOf() / search() / for 문
indexOf 와 search함수의 차이 + for 문으로 문자열 찾아내기
9.[ETC] 리팩토링 체크리스트
리펙토링 체크리스트
10.[React] 라우터
Routing & route 이동 (link /a / useNavigate hook)
11.[Code Kata] Day2.
Code Kata Week1_Day2.
12.[React] React란?
React (Node.js / npm / CRA)
13.[REACT] 구조분해 할당
▶️JS에서 객체 혹은 배열에서 필요한 요소를 각각 변수에 담아 사용하는 것
14.[React]코드 리팩토링 체끄체끄
기본에 충실한 좋은코드
15.[REACT]구조분해 할당 예시
객체의 구조분해