31기TIL 8월10일 화요일 TIL 컴포넌트를 시각화하여 시뮬레이션할 수 있는 다양한 테스트 상태를 만들어볼 수 있다. 그리고 컴포넌트의 재사용성을 확대하기 위해 사용하는 UI 개발도구이다 다른 컴포넌트에 영향을 주지 않기 때문에 생성, 수정, 삭제가 자유롭다. 코드를 구성하는 원칙은 "의존성이 낮고, 응집성이 높게 만드는 것"인데 CSS-in-JS를 활용해서 의존성을 낮출 수 있다. CSS가 특정 컴포넌트에 종속되기 때문에 ... 31기TIL31기TIL 7월 5일 월요일 TIL dom 할 때 js파일 안에서 코드작성하는 걸 html파일에서 해가지고 그냥 스트링 값이 output된것 같다. in opensandbox. classList.remove('hide')를 사용해서 설정된 hide를 지워주면 값이 나오게 된다. 아이디 입력창(elInputUsername)에 글자를 키보드로 입력할 때 "글자 수가 4개 이상"이면 , "사용할 수 있는 아이디입니다" 메시지 출력 ... 31기TILDOM31기TIL 6월 26일 토요일 TIL 배열과 객체의 구조를 이해하고 언제, 어떻게 사용되는지 이해해야한다. 배열과 객체의 특징을 구분하여 사용할 수 있어야 한다.(순서를 가진다, 의미를 가진다. 배열과 객체의 특징에 따라 실생활에서 언제 쓰는지 이해해야한다. 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있어야한다. 객체 속성 조회법 1. dot notation, bracket notation의 차... 31기TIL객체31기TIL 7월 7일 수요일 TIL 전보다 고차함수를 좀 이해해서 그런지 문제는 다 풀긴 했다. 하지만 map,filter,reduce를 사용함에 있어서 return으로 이어갈 때도 있고 , 변수를 선언하고 그 안에서 사용할때가 있는데 그건 아직 완벽하게 이해를 하지 못한 것 같다.... 31기TIL31기TIL 7월 9일 금요일 TIL <BrowserRouter> BrowserRouter는 웹 애플리케이션에서 HTML5의 History API를 사용해 페이지를 새로고침하지 않고도 주소를 변경할 수 있는 역할을 해준다. ReactDOM의 렌더 단계인 index.js 에 넣어서 활용할 수도 있다. BrowserRouter가 상위에 작성되어 있어야 Route 컴포넌트를 사용할 수 있다. <Switch> <Route> 경로를 매칭... 31기TILreact router dom31기TIL
8월10일 화요일 TIL 컴포넌트를 시각화하여 시뮬레이션할 수 있는 다양한 테스트 상태를 만들어볼 수 있다. 그리고 컴포넌트의 재사용성을 확대하기 위해 사용하는 UI 개발도구이다 다른 컴포넌트에 영향을 주지 않기 때문에 생성, 수정, 삭제가 자유롭다. 코드를 구성하는 원칙은 "의존성이 낮고, 응집성이 높게 만드는 것"인데 CSS-in-JS를 활용해서 의존성을 낮출 수 있다. CSS가 특정 컴포넌트에 종속되기 때문에 ... 31기TIL31기TIL 7월 5일 월요일 TIL dom 할 때 js파일 안에서 코드작성하는 걸 html파일에서 해가지고 그냥 스트링 값이 output된것 같다. in opensandbox. classList.remove('hide')를 사용해서 설정된 hide를 지워주면 값이 나오게 된다. 아이디 입력창(elInputUsername)에 글자를 키보드로 입력할 때 "글자 수가 4개 이상"이면 , "사용할 수 있는 아이디입니다" 메시지 출력 ... 31기TILDOM31기TIL 6월 26일 토요일 TIL 배열과 객체의 구조를 이해하고 언제, 어떻게 사용되는지 이해해야한다. 배열과 객체의 특징을 구분하여 사용할 수 있어야 한다.(순서를 가진다, 의미를 가진다. 배열과 객체의 특징에 따라 실생활에서 언제 쓰는지 이해해야한다. 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있어야한다. 객체 속성 조회법 1. dot notation, bracket notation의 차... 31기TIL객체31기TIL 7월 7일 수요일 TIL 전보다 고차함수를 좀 이해해서 그런지 문제는 다 풀긴 했다. 하지만 map,filter,reduce를 사용함에 있어서 return으로 이어갈 때도 있고 , 변수를 선언하고 그 안에서 사용할때가 있는데 그건 아직 완벽하게 이해를 하지 못한 것 같다.... 31기TIL31기TIL 7월 9일 금요일 TIL <BrowserRouter> BrowserRouter는 웹 애플리케이션에서 HTML5의 History API를 사용해 페이지를 새로고침하지 않고도 주소를 변경할 수 있는 역할을 해준다. ReactDOM의 렌더 단계인 index.js 에 넣어서 활용할 수도 있다. BrowserRouter가 상위에 작성되어 있어야 Route 컴포넌트를 사용할 수 있다. <Switch> <Route> 경로를 매칭... 31기TILreact router dom31기TIL