Navigator는 원래 공통적으로 페이지 전체에 적용되어야 하는 UI인데, 가끔 적용되지 않아야 할 페이지가 있다. 이렇게 이미 네비게이터를 생성하고 BrowserRouter로 감싸준 경우, BrowserRouter안에 들어가는 모든 컴포넌트에는 네비게이터가 생긴다 새로 추가하는 컴포넌트에는 네비게이터를 적용시키지 않고 싶다면? 전체를 다시 Switch로 감싸준 후, 네비게이터가 적용되는 컴포넌트들은 네비게이터와 함께 다시 Route로 감싼다

판다스 역시 2차원 데이터를 다루며, 넘파이보다 훨씬 편함. DataFrame: 2차원 데이터를 담는 구조체, 컬럼이 여러개 Index: pk와 같은 고유 key값 Series: 2차원의 데이터를 담는 구조체, 컬럼이 1개. Series 여러개가 DataFrame을 구성한다. www.kaggle.com/ Kaggle: Your Machine Learning and Data Science Community Kaggle is the world’s largest data science community with powerful tools and resources to help you achieve your data science goals. www.kaggle.com 요기서 구함 csv파일 불러오기 객체 타입..

친구들과 작업하다가 dev에 푸쉬하면 안 될것 같은 느낌적이 느낌이 드는 작업을 했다. 그래서 내 브랜치를 local에서 새로 만들어 remote에 반영하도록 git을 사용해서 정리 1) 로컬 브랜치 생성 git branch 내이름 2) '내이름' 브랜치로 이동 git checkout 내이름 3) remote에 내가 만든 '내이름' 브랜치 생성 git push --set-upstream origin 내이름 4) 내 작업 commit 하고 push하면 끝

static -디폴트 relative - 현재위치에서 상대적인 offset, 기준(0.0)은 주변 element의 static 요소 - a,b element가 존재하는 화면에서 a가 left:100px이고 b의 relative가 left: 100px 라면 실제 화면에서 b는 left: 200px의 위치로 계산됨 - relative로 정해진 element는 다른 요소에 영향을 주지 않는다 absolute - 현재위치에서 상대적인 offset, 그러나 기존의 element와 별개이며 부모요소에 dependent한 기준(0.0)을 갖게 된다. - 부모가 모두 static이거나 부모가 없다면 기준(0.0)이 브라우저가 된다. - 부모가 하날도 static이 아니라면 부모의 위치가 기준이 된다. fixed - 현..

flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 요거 하면서 생각난김에 정리 (몇몇 자료의 출처: heropy.blog/2018/11/24/css-flexible-box/developer.mozilla.org/ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container) 동적인 화면 요소들의 정렬을 효율적으로 하기 위해. 컨테이너: 아이템을 감싸는 Element, 박스라고 통칭하며 늘어나는 방향(flex-direction), 다음줄로 넘어가는 방식(flex-wrap), 컨테이너 속 아이템 정렬(align-items, justi..

자바스크립트의 이벤트는 DOM요소를 선택하고, 해당 element에 이벤트리스너를 부착하는 것으로 실행된다. 예컨데 예시코드의 경우는 button이라는 element에 addItem이라는 이벤트가 붙어있는 형태이다. 이 경우에 클릭을 누르게 되면 이벤트가 발생할 것이다. 만약 nested 형식으로 구성된 element 구조의 모든 div마다 이벤트를 달아놓는다면, 이벤트 전파가 발생한다 위와같이 div가 three depth로 구성된 화면의 div태그에 이벤트를 달아놓는다면 class가 three인 div를 클릭하더라도, 부모들의 이벤트도 모두 발생할것이다. 비슷한 예시코드로 전파의 종류를 설명해보겠다. 이벤트 전파는 크게 두 가지로 나뉜다 Bubbling은 자식 element에서 일어난 이벤트가 부모들..