분류 전체보기312 코드트리 [자바 java] 둘 중 하나 잘 고르기 https://www.codetree.ai/missions/2/problems/choose-one-of-two-points?utm_source=clipboard&utm_medium=text 코드트리 | 코딩테스트 준비를 위한 알고리즘 정석 국가대표가 만든 코딩 공부의 가이드북 코딩 왕초보부터 꿈의 직장 코테 합격까지, 국가대표가 엄선한 커리큘럼으로 준비해보세요. www.codetree.ai 꼭 n개를 뽑아야 한다 같은 유형의 dp를 푸는 방식을 사용했다. 이 문제에서는 n개의 카드 짝이 주어지고, 이 카드들 중 빨강, 파랑 을 정확히 n번 씩 사용했을 때 카드의 합의 최댓값을 구해야 한다. 위와 같이 주어졌다고 가정해보자. 위 4가지 카드 중 빨강, 파랑을 각각 2개씩 뽑아야 한다. 이를 풀기 위해 dp.. 2023. 8. 16. [React 기본 일기장만들기] React에서 배열 사용하기 1- 리스트렌더링(조회) 코드 바로가기 이렇게 데이터들을 리스트로 화면에 보여주는 기능을 만들 것이다. 1. 새 파일 만들기 이렇게 새 파일을 만들고, return 값을 만든 후 이를 내보내는 코드를 작성한다. 화면에 보이게 하기 위해서 이렇게 App.js파일을 수정한다. 2.데이터 만들기 App.js에 리스트에 보여줄 데이터를 위와 같이 만든다. id는 데이터들의 고유 번호이고, 나머지는 배열 내의 요소들을 나타낸다. created_date에서 new Date().getTime()을 하면 현재 시간을 숫자형태로 리턴한다. 그 다음 prop로 위 값을 DiaryList에 전달한다. DiaryList에서 이렇게 props값을 전달받고, 전달받은 배열을 리스트형태로 출력한다. diaryList는 배열이니까 map함수를 사용하여 하나.. 2023. 8. 16. [React 기본 일기장 만들기] React에서 DOM조작하기 이번에는 특정 조건을 벗어나는 입력값을 받으면 실행이 되지 않도록 하는 기능을 만들 것이다. 조건에 맞지 않는 입력에 alert 띄우기 alert 대신 focus하기 앞서 DiaryEditor.js에서 버튼을 눌렀을 때 동작하는 handleSubmit 함수를 만들었는데, 이 함수를 아래와 같이 변경해준다. state그룹명.state명.length 을 이용하여 문자열의 길이에 접근할 수 있다. 조건에 맞지 않는 입력에 alert 띄우기 const handleSubmit = (e) =>{ console.log(state); if(state.author.length < 1){ alert("작성자는 최소 1글자 이상 입력해주세요"); return; } if(state.content.length < 5){ ale.. 2023. 8. 15. 코드트리 [자바 java] 적절한 옷 고르기 https://www.codetree.ai/missions/2/problems/select-proper-clothes?utm_source=clipboard&utm_medium=text 코드트리 | 코딩테스트 준비를 위한 알고리즘 정석 국가대표가 만든 코딩 공부의 가이드북 코딩 왕초보부터 꿈의 직장 코테 합격까지, 국가대표가 엄선한 커리큘럼으로 준비해보세요. www.codetree.ai 이 문제는 다소 복잡해보이는 문제이지만, 막상 풀이를 생각해보면 크게 어렵지는 않다. 문제에서 입력으로 옷 수, 해당 옷들의 화려함, 시작일, 종료일이 주어진다. 이 옷들을 입는 경우들을 적절하게 조합해서 만족도의 최댓값을 구하는 문제이다 . 나는 dp를 이차원배열로 만들고, 해당 일에 해당 옷을 입는 경우 중 가능한 가장.. 2023. 8. 15. 코드트리 [자바 java] 연속 부분 합의 최댓값 구하기 https://www.codetree.ai/missions/2/problems/max-of-partial-sum?utm_source=clipboard&utm_medium=text 코드트리 | 코딩테스트 준비를 위한 알고리즘 정석 국가대표가 만든 코딩 공부의 가이드북 코딩 왕초보부터 꿈의 직장 코테 합격까지, 국가대표가 엄선한 커리큘럼으로 준비해보세요. www.codetree.ai 이 문제는 연속된 수들의 합의 최댓값을 구하는 문제이다. dp문제 중에는 현재 탐색하는 지점의 앞에 있는 값을 모두 탐색해야 하는 경우도 많은데, 이 문제는 연속된 값을 구하는 문제이므로 바로 앞 dp값만 계산하면 된다. dp[i]의 값은 앞서 계속 더해왔던 값의 최댓값과 arr[i]를 단독으로 사용했을 때의 값을 비교한 값 중.. 2023. 8. 14. [React기본 일기장 만들기] React에서 사용자 입력 처리하기 1.기본 파일 설정 2.제목 입력받기 3.내용 입력받기 4.기분 입력받기 5.버튼 만들기 6.스타일 변경하기 1.기본파일 설정 원하는 곳에 새 폴더를 만들고, npx create-react-app 폴더명 을 명령어로 입력한다. 그 다음 사진과 같이 안쓰는 폴더를 제외한 src파일들을 삭제한다. 이번 포스팅에서 만들 페이지는 위와 같이 입력을 처리하고, 선택박스 입력 처리하기, 사용자 입력 데이터 핸들링하기이다. diaryEditer 파일을 만들고 위와 같이 div를 리턴하도록 한다. 나중에 css작업을 원활하게 하기 위해서 div명은 파일명과 객체명과 동일하게 하는 것이 좋다. 그 다음 App.js에 들어가서 DiaryEditer객체를 넣는다. 이 때 import가 제대로 되어있는지 확인한다. 우리가 만.. 2023. 8. 14. 이전 1 ··· 31 32 33 34 35 36 37 ··· 52 다음
