기록

컨트롤 제트 문제 설명: 숫자들이 공백으로 구분된 문자열이 주어집니다. 문자열에 있는 숫자를 차례대로 더하려고 합니다. 이 때 “Z”가 나오면 바로 전에 더했던 숫자를 뺀다는 뜻입니다. 숫자와 “Z”로 이루어진 문자열 s가 주어질 때, 머쓱이가 구한 값을 return 하도록 solution 함수를 완성해보세요. 제한사항: 0

애니메이션 개발 스텝: 1. 애니메이션 동작 전 스타일을 담을 className 만들기 2. 애니메이션 동작 후 스타일을 담을 className 만들기 3. transition 속성도 추가 4. 원할 때 2번 탈부착 useEffect 를 쓰면 특정 state 아니면 props가 변할 때 마다 코드실행이 가능 동적인 UI 만드는 스텝: 1. 원하는 state 하나 만들고 2. state에 따라서 어떻게 변경될지 작성하고 3. 원할 때 state 변경하기 애니메이션 작동이 안되는 경우: 클래스명이 탈부착 되는지 확인해야 함. 클래스명이 계속 붙어있으면 작동 안되는게 맞음, 붙었다 떨어졌다 해야 함. useEffect 실행 전 return 함수에서 클래스명을 공백(' ')으로 바꿔주면 되는데, 리액트 18버전..

모음 제거 문제 설명: 영어에선 a, e, i, o, u 다섯 가지 알파벳을 모음으로 분류합니다. 문자열 my_string이 매개변수로 주어질 때 모음을 제거한 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항: my_string은 소문자와 공백으로 이루어져 있습니다. 1 ≤ my_string의 길이 ≤ 1,000 작성한 코드: function solution(my_string) { var answer = ''; var cnt = 0; while(cnt < my_string.length){ if(my_string[cnt] != 'a' && my_string[cnt] != 'e'&& my_string[cnt] != 'i'&& my_string[cnt] != 'o'&& my_strin..

서버란? 유저가 데이터를 요청하면 데이터를 보내주는 프로그램. 서버에 데이터 요청시에는 정확한 규격에 맞춰서 요청해야 함. 1. 어떤 데이터인지(URL 형식으로) 2. 어떤 방법으로 요청할지(GET or POST) 데이터를 서버에서 가져올 때는 GET, 데이터를 서버로 보낼 때는 POST. GET/POST GET 요청하는 가장 쉬운 방법은 브라우저 주소창임. URL 적으면 거기로 GET 요청을 해줌. POST 요청하는 방법은 태그를 이용하면 됨. 그러면 폼 전송시 POST 요청을 해줌. GET,POST 요청의 단점은 브라우저가 새로고침된다는 것. AJAX 서버에 GET,POST 요청을 할 때 새로고침 없이 데이터를 주고받을 수 있게 도와주는 브라우저 기능. AJAX 로 GET/POST 요청하는 방법 3개..

리액트에서는 내부에 있는 를 갈아치워서 다른 페이지를 보여줌. 이럴때 유용한 유용한 외부 라이브러리가 react -router-dom. react-router-dom 설치 react-router-dom 홈페이지에 들어가서 안내에 따라 설치하면 됨. 터미널 열어서 npm install react-router-dom@6 입력해서 설치. index.js 셋팅 import { BrowserRouter } from "react-router-dom"; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); react-router-dom import 해오고 로 감싸기. router 로 페이지 나누기 somewhere.com/..

주사위 개수 문제 설명: 머쓱이는 직육면체 모양의 상자를 하나 가지고 있는데 이 상자에 정육면체 모양의 주사위를 최대한 많이 채우고 싶습니다. 상자의 가로, 세로, 높이가 저장되어있는 배열 box와 주사위 모서리의 길이 정수 n이 매개변수로 주어졌을 때, 상자에 들어갈 수 있는 주사위의 최대 개수를 return 하도록 solution 함수를 완성해주세요. 제한사항: box의 길이는 3입니다. box[0] = 상자의 가로 길이 box[1] = 상자의 세로 길이 box[2] = 상자의 높이 길이 1 ≤ box의 원소 ≤ 100 1 ≤ n ≤ 50 n ≤ box의 원소 주사위는 상자와 평행하게 넣습니다. 작성한 코드: function solution(box, n) { var answer = 1; var cnt..

점의 위치 구하기 문제 설명: 사분면은 한 평면을 x축과 y축을 기준으로 나눈 네 부분입니다. 사분면은 아래와 같이 1부터 4까지 번호를매깁니다. x 좌표와 y 좌표가 모두 양수이면 제1사분면에 속합니다. x 좌표가 음수, y 좌표가 양수이면 제2사분면에 속합니다. x 좌표와 y 좌표가 모두 음수이면 제3사분면에 속합니다. x 좌표가 양수, y 좌표가 음수이면 제4사분면에 속합니다. x 좌표 (x, y)를 차례대로 담은 정수 배열 dot이 매개변수로 주어집니다. 좌표 dot이 사분면 중 어디에 속하는지 1, 2, 3, 4 중 하나를 return 하도록 solution 함수를 완성해주세요. 제한사항: dot의 길이 = 2 dot[0]은 x좌표를, dot[1]은 y좌표를 나타냅니다 -500 ≤ dot의 원소..

개미 군단 문제 설명: 개미 군단이 사냥을 나가려고 합니다. 개미군단은 사냥감의 체력에 딱 맞는 병력을 데리고 나가려고 합니다. 장군개미는 5의 공격력을, 병정개미는 3의 공격력을 일개미는 1의 공격력을 가지고 있습니다. 예를 들어 체력 23의 여치를 사냥하려고 할 때, 일개미 23마리를 데리고 가도 되지만, 장군개미 네 마리와 병정개미 한 마리를 데리고 간다면 더 적은 병력으로 사냥할 수 있습니다. 사냥감의 체력 hp가 매개변수로 주어질 때, 사냥감의 체력에 딱 맞게 최소한의 병력을 구성하려면 몇 마리의 개미가 필요한지를 return하도록 solution 함수를 완성해주세요. 제한사항: hp는 자연수입니다. 0 ≤ hp ≤ 1000 작성한 코드: function solution(hp) { var ans..