반응형 전체 글601 코드스테이츠 소프트웨어엔지지어링 부트캠프 +58 오늘은 스프린트를 하고 이전 스프린트 복습도 했다. 딱히 새로운 내용은 없고 이전에 배웠던 내용들이 짬뽕된 스프린트였다. 2021. 9. 15. Styled-Component에 hover 간단하게 넣는 법 Styled-Component에 hover 간단하게 넣는 법 hover는 element에 마우스를 올렸을때 일어날 반응을 의미한다. 한편 styled-component는 css를 js에서 사용할 수 있게 하는 라이브러리이다. 그럼 styled-component에서 hover 간단하게 넣는법을 알아보자. import styled from "styled-components"; const Button = styled.button` &:hover{ background-color : skyblue; color : blue } `; &:hover에서 &는 자신, 그러니까 Button을 의미한다. 이는 css-in-js인 styled-component가 css로 컴파일 될 때 외부선택기로 대체되어 다음과 같이 컴파일.. 2021. 9. 14. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +57 StroyBook UI 개발, 즉 Component Driven Development 를 하기 위한 도구이다. 각각의 컴포넌트들을 따로 볼 수 있게 구성하여 한번에 하나의 컴포넌트에서 개발할 수 있다. StroyBook은 재사용성을 확대하기 위해 컴포넌트를 문서화 한다. 자동으로 컴포넌트를 시각화하여 시물레이션 할 수 있는 다양한 테스트 상태를 확인할 수 있다. 버그를 사전에 방지할 수 있다. 개발 속도 향상 및 어플리케이션 의존성 걱정X StoryBook 사용 이유 StoryBook은 기본적으로 독립적인 개발환경에서 사용되기 때문에 다양한 상황에 구애받지 않고 UI 컴포넌트를 집중적으로 개발 할 수 있다. 회사 내부 UI라이브러리로 사용하거나 디자인 시스템을 개발하기 위한 기본 플랫폼으로 사용할 수 있.. 2021. 9. 14. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +56 하루종일 못풀었던 알고리즘을 복습했다. 탐색 2문제가 엄청 어려웠다. 레퍼런스를 보고서야 이해했다. 레퍼런스를 안봤으면 아마 평생 못풀었을것같은.. 느낌이 든다. https://wnsdufdl.tistory.com/105?category=1020254 알고리즘 8 : binarySearch 문제 오름차순 정렬된 정수의 배열(arr)과 정수(target)를 입력받아 target의 인덱스를 리턴해야 합니다. 입력 인자 1 : arr number 타입을 요소로 갖는 배열 arr[i]는 정수 인자 2 : target number 타입의 정수.. wnsdufdl.tistory.com https://wnsdufdl.tistory.com/106?category=1020254 알고리즘 9 : rotatedArraySe.. 2021. 9. 13. 이전 1 ··· 121 122 123 124 125 126 127 ··· 151 다음 반응형
