본문 바로가기

전체 글

(39)
step1. Main 오늘의 결과물 ✨ 1. create-react-app 설치 yarn create react-app 30days-challenge 2. styled-components react에서 컴포넌트에 CSS를 적용시키는 방법은 다양했다. 보통은 html, css, js 파일을 분리해서 작성하지만 react CSS-in-JS 관련 라이브러리인 styled-components를 사용해보고 싶어서 블로그랑 노마드 코더 유튜브 강의 보고 대충 사용법을 익혔다. 보고 따라하면 이해가 되는 듯 싶다가도 막상 직접 하려니깐 막막했다. 그래도 구글링 하고, 어제 본 코드 다시 보고 공식 문서도 보면서 하니깐 왜 쓰는지 정도는 조금 알거 같은..? 결국은 보여지는게 중요하니깐 css관리하는게 중요한데, 하나의 컴포넌트 파일안에 ..
intro_ 30days 어제의 습관이 오늘의 나를 만들었듯이 오늘의 습관이 10년 후 나를 만든다는 말이 있지... 그래서 만들어 보려고 하는 30days 챌린지! 일단 디자인 초안까지는 만들었는데 좀 더 디테일한 작업이 필요할 거 같다. ** 만들면서 추가, 필요한 기능 #1 + 버튼을 클릭해서 새로운 도전을 추가한다. #2 모달 창이 열리고 입력 폼이 나타난다. Close 버튼 추가 ** 입력 폼 내용 목표 시작하는 날 설정 + 자동으로 30일 후가 계산되어 끝나는 날이 설정 기본은 오늘 날짜가 설정되어 있다 → 오늘 날짜를 가져와서 value로 지정. ** 날짜를 설정하면 설정된 날짜를 가져와서 30일 후 날짜를 계산한 결과를 반환 ** 동기부여를 위한 나에게 보내는 메세지 작성 goal이 입력되지 않았을 때 → 목표를 ..
Level1_K번째 수 문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 array, [i, j, k]를 원소로 가진 2차원 배열 commands가 매개변수로 주어질 때, commands의 모든 원소에 대해 앞서 설명한 연산을 적용했을 때 나온 결과를 배열에 담아 return 하도록 solution 함수를 작성해주세요. 제한사항 array의 길이는 1 이상 100 이하입니다. a..