파송송의 코딩테스트 공부

[프로그래머스 | 0단계] 옹알이 (1)

문제 설명 머쓱이는 태어난 지 6개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음을 최대 한 번씩 사용해 조합한(이어 붙인) 발음밖에 하지 못합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ babbling의 길이 ≤ 100 1 ≤ babbling[i]의 길이 ≤ 15 babbling의 원소에서 "aya", "ye", "woo", "ma"는 각각 최대 한 번씩만 등장합니다. 문자열은 알파벳 소문자로만 이루어져 있습니다. 입출력 예babblingresult ["aya", "yee", "u", "maa", "wyeoo"] 1..

typescript-exercises 문제풀이

1번 https://typescript-exercises.github.io/#exercise=1&file=%2Findex.ts TypeScript Exercises A set of interactive TypeScript exercises typescript-exercises.github.io interface "User" 정의하기 export type User = { name:string; age: number; occupation:string; }; export const users: User[] = [ { name: 'Max Mustermann', age: 25, occupation: 'Chimney sweep' }, { name: 'Kate Müller', age: 23, occupation: '..

자바스크립트-기본문제

자주 쓰는 구문 배열의 합 let arr=[12, 77, 38, 41, 53, 92, 85]; let sum = arr.reduce((acc, cur) => acc + cur, 0) 세 수 중 최솟값 100이하의 자연수 A, B, C를 입력받아 세 수 중 가장 작은 값을 출력하는 프로그램을 작성하 세요.(정렬을 사용하면 안됩니다) ▣ 입력설명 첫 번째 줄에 100이하의 세 자연수가 입력된다. ▣ 출력설명 첫 번째 줄에 가장 작은 수를 출력한다. ▣ 입력예제 1 6 5 11 ▣ 출력예제 1 5 function solution(a, b, c){ let answer; if (a < b && a < c) return a if (c < a && c < b) return c if (b < a && b < c) re..

타입스크립트 기본(타입~함수)

타입스크립트는 그대로 실행할 수 없다. 꼭 자바스크립트 파일로 변경해야만 실행이 가능하다 : 컴파일 or 트랜스파일이라고 한다. 타입스크립트 설치가 필요하다. 1. 전역으로 타입스크립트 설치를 하자 npm install typescript -g 2. 설치 버전 확인하기 tsc -v 3. 컴파일 하자 tsc app.ts 4. 생성된 js를 실행하자 node app.js * 변경될 때마다 계속적으로 컴파일 하는거는 귀찮다. -w하면 왓치 모드로 변경된다. 이건 파일이 변경해서 저장하면 자동으로 컴파일이 된다. tsc app.ts -w * 타입스크립트 설정파일 tsc --init "strict": true, 로설정되어있으면 에러 빨간 줄이 뜬다. -> strict는 필수 실무에서는 eslint 같은걸로 함께 ..

[구름 | 파이썬] 출석부(문자열)

https://level.goorm.io/exam/49069/%EC%B6%9C%EC%84%9D%EB%B6%80/quiz/1 구름LEVEL 코딩테스트에서 가장 높은 비중을 차지하는 알고리즘 문제를 제작하고 풀이할 수 있는 온라인 저지 서비스입니다. 기업에서 선호하는 C, C++, 파이썬(Python), 자바(Java), 자바스크립트(Javascript) 이 level.goorm.io Zenon은 자신의 이름에 대해 불만이 많다. 학교에서 출석을 부를 때 이름순으로 부르기 때문에, 항상 맨 마지막에 불리기 때문이다. 비단 Zenon뿐만 아니라, 이름을 일찍 불리고 싶어하는 학생도 많을 것으로 예상한 정부는 자신의 이름을 고칠 수 있는 이벤트를 개최했다. 정부가 제안하는 이벤트의 내용은 다음과 같다. 자신의 ..

[구름] 정사각형의 개수(수학)

https://level.goorm.io/exam/49086/%EC%A0%95%EC%82%AC%EA%B0%81%ED%98%95%EC%9D%98-%EA%B0%9C%EC%88%98/quiz/1 한 변의 길이가 N인 정사각형 모양의 격자판이 있다. 이 격자판의 각 격자는 길이가 1일 때, 이 격자판의 크고 작은 정사각형의 개수는 총 몇 개일까? 예를 들어 위 그림에서 보이는 한 변의 길이가 4인 정사각형 격자판에서 찾을 수 있는 크고 작은 정사각형은 총 30개이다. 이와 같이 정사각형 격자판의 한 변의 길이 N이 입력을 통해 주어질 때, 이 격자판에서 찾을 수 있는 모든 정사각형의 개수를 구하여라. 입력 정사각형 격자판의 한 변의 길이를 나타내는 정수 N이 주어진다. (단, ) 출력 격자판에서 찾을 수 있는 ..

[구름] 태민이의 취미(수학, 제곱의 합, 세제곱의 합)

https://level.goorm.io/exam/49094/%ED%83%9C%EB%AF%BC%EC%9D%B4%EC%9D%98-%EC%B7%A8%EB%AF%B8/quiz/1 태민이는 주사위를 수집하는 취미를 가지고 있습니다. 주사위의 모양과 색깔은 각기 다르며, 크기 또한 다릅니다. 태민이는 지금까지 모은 N개의 주사위가 너무 난잡하게 보관해놓고 있어서 정리를 결심했습니다. 그래서 우선 N개의 주사위를 크기 순서대로 정리해보려고 마음 먹었습니다. 그렇게 주사위를 순서대로 정렬시켜보니 각 변의 길이가 1부터 N까지 모두 있는 것을 알게되었습니다. 이 사실이 매우 신기했던 태민이는 이 주사위들의 부피의 합은 어떻게 될지 궁금해졌습니다. 태민이가 현재 가지고 있는 모든 주사위의 부피의 합은 얼마일까요? 태민이..

[구름 | 2단계] 놀이공원(완전탐색, 구현)

https://level.goorm.io/exam/88520/%EB%86%80%EC%9D%B4%EA%B3%B5%EC%9B%90/quiz/1 어느 한 도시에서는 공장 단지가 부도가 나게 되어 넓은 공터가 경매에 올라오게 되었다. 이 공터는 가로와 세로가 각각 N km인 정사각형 모양이며 가로와 세로가 1 km인 정사각형 격자 모양으로 영역을 나누어 개별적으로 판매하고 있다. 그 도시에 살고있던 한 부자 경영인은 평소 자신이 기획해오던 놀이공원 건설 프로젝트를 몰래몰래 진행하기로 결정하였다. 때마침 경매에 올라온 이 공터에 관심을 가지게 된 경영인은 판매 중인 땅들 중 일부에는 기존의 공장에서 배출 된 폐기물들이 방치되어 있다는 사실을 알게 되었다. 놀이공원 건설을 위해서는 가로로 K km, 세로로 K km..

[백준 | 브론즈2] 13300 : 방 배정(수학, 구현)

https://www.acmicpc.net/problem/13300 13300번: 방 배정 표준 입력으로 다음 정보가 주어진다. 첫 번째 줄에는 수학여행에 참가하는 학생 수를 나타내는 정수 N(1 ≤ N ≤ 1,000)과 한 방에 배정할 수 있는 최대 인원 수 K(1 < K ≤ 1,000)가 공백으로 분리되어 www.acmicpc.net https://level.goorm.io/exam/48134/%EB%B0%A9-%EB%B0%B0%EC%A0%95-%EC%B4%88%EB%93%B1%EB%B6%80/quiz/1 구름LEVEL 코딩테스트에서 가장 높은 비중을 차지하는 알고리즘 문제를 제작하고 풀이할 수 있는 온라인 저지 서비스입니다. 기업에서 선호하는 C, C++, 파이썬(Python), 자바(Java), ..

[백준 | 실버3] 17952 : 과제는 끝나지 않아!(스택, 구현)

https://www.acmicpc.net/problem/17952 17952번: 과제는 끝나지 않아! 성애는 이번 학기에 전공을 정말 많이 듣는다. 이로 인해 거의 매일을 과제를 하면서 보내고 있다. 그런데도 과제가 줄어들 기미가 보이지 않는데, 바로 분단위로 과제가 추가되고 있기 때문이 www.acmicpc.net 문제 성애는 이번 학기에 전공을 정말 많이 듣는다. 이로 인해 거의 매일을 과제를 하면서 보내고 있다. 그런데도 과제가 줄어들 기미가 보이지 않는데, 바로 분단위로 과제가 추가되고 있기 때문이다. 다행히 과제 제출 기한은 학기가 끝날 때까지이다. 너무나도 많은 과제를 하다가 미쳐버린 성애는 아래와 같은 규칙으로 과제를 해 나가고 있다. 과제는 가장 최근에 나온 순서대로 한다. 또한 과제를 ..

[백준 | 골드4] 1963: 소수경로(BFS, 에라토스테네스)

https://www.acmicpc.net/problem/1963 1963번: 소수 경로 소수를 유난히도 좋아하는 창영이는 게임 아이디 비밀번호를 4자리 ‘소수’로 정해놓았다. 어느 날 창영이는 친한 친구와 대화를 나누었는데: “이제 슬슬 비번 바꿀 때도 됐잖아” “응 지금 www.acmicpc.net 문제 소수를 유난히도 좋아하는 창영이는 게임 아이디 비밀번호를 4자리 ‘소수’로 정해놓았다. 어느 날 창영이는 친한 친구와 대화를 나누었는데: “이제 슬슬 비번 바꿀 때도 됐잖아” “응 지금은 1033으로 해놨는데... 다음 소수를 무엇으로 할지 고민중이야" “그럼 8179로 해” “흠... 생각 좀 해볼게. 이 게임은 좀 이상해서 비밀번호를 한 번에 한 자리 밖에 못 바꾼단 말이야. 예를 들어 내가 첫 ..

[React] ApexCharts 커스텀(Donut, 도넛 그래프)

💡 문제 → ApexCharts는 차트라이브러리이다. → 원하는 디자인대로 커스텀하기 생각보다 어렵다. 🗡 해결 → 하지만 못할 것은 없다, 나에겐 무적 CSS가 있다. → 원하는 위치, 원하는 내용을 넣엔 CSS position: relative; position: absolute;가 있다. → 차트의 기본 기능만 사용하고 나머지는 CSS를 이용해서 열심히 커스텀해보자! ApexCharts 공식 홈페이지 ApexCharts.js - Open Source JavaScript Charts for your website ApexCharts.js - Open Source JavaScript Charts for your website ApexCharts is a a free and open-source mode..

[React] ApexCharts 커스텀(Bar)

💡 원인 → ApexCharts는 차트라이브러리이다. → 원하는 디자인대로 커스텀하기 생각보다 어렵다. 🗡 해결 → 하지만 못할 것은 없다, 나에겐 무적 CSS가 있다. → 원하는 위치, 원하는 내용을 넣엔 CSS position: relative; position: absolute;가 있다. → 차트의 기본 기능만 사용하고 나머지는 CSS를 이용해서 열심히 커스텀해보자! ApexCharts 공식 홈페이지 ApexCharts.js - Open Source JavaScript Charts for your website ApexCharts.js - Open Source JavaScript Charts for your website ApexCharts is a a free and open-source mode..

[React] useCallback을 사용해서 한번만 api 요청하게 하자

💡 문제 → 계속 api 요청을 계속 보내는 문제가 있다. → 자바스크립트에서 함수도 객체로 취급이 되기 때문에 메모리 주소에 의한 참조 비교가 일어나기 때문에 컴포넌트가 랜더링될 때 마다 새로운 참조값으로 변경이 된다. → 그러면 useEffect() 함수가 호출되어 state 상태값이 바뀌고 그러면 다시 랜더링이 되고 그럼 또 다시 useEffect() 함수가 호출되는 악순환이 반복되는 것이 문제이다. 🗡 해결 → useCallback을 사용해서 useCallback() hook 함수를 이용하면 컴포넌트가 다시 랜더링되더라도 fetchUser함수의 참조값을 동일하게 유지시켜서 한번만 호출하게 하자. useCallback이 없으면 계속 api 요청을 보내게 된다. 한번만 api 요청을 보내면 되는데, ..

[React] 로그인, 로그아웃 에러핸들링 고민

로그인, 로그아웃을 구현했다. 이제는 에러핸들링이 필요한 차례이다. 로그인, 로그아웃할 때 실제 서비스에서는 어떤 방식으로 에러처리를 할까? 카카오 이모티콘 스토어의 로그인 에러 로직을 찾아보자 잘못된 로그인을 할 경우에는 상태코드는 200을 내려준다. 서버로 잘못된 비밀번호이지만 보내기는 잘 보내서 POST로 보내고 상태 코드는 200 OK 내려주는 데이터는 메시지와 상태코드는 아래와 같음 상태코드는 200으로 내려주고, 200인 상태에서 staus 값을 다르게 내려주고, 메시지를 보낸다. 로그인 성공하면 상태는 200 로그인 성공하면 회원정보 me를 보내준다. 헬쓰리에서는 status에서 200을 내려주고 data.staus에서 0003과 메시지를 내려준다. then에서 성공일때 200으로 처리하고,..

[React] 비동기 데이터 axios Post 전송(Query String, Request body)

회원가입을 시도해보자. 아이디와 비밀번호, 비밀번호 체크, 닉네임을 입력한다. 서버에서 join data를 받는 형식은 아래와 같다(스웨거에서 확인했다.) string query로 되어있다. 성공했을때는 아래와 같이 상태코드 200이 뜬다. 데이터 비동기 처리 방법 axios 공부하기 [리액트] Axios & Ajax [리액트] Axios & Ajax 💡 서버랑 통신하기클라이언트는 서버에게 요청을 보내고, 응답을 받아온다.미리 약속한 주소로 (url)어떤 요청을 보낸다. (type)필요하다면 서버가 일하기 위해 필요한 자료와 (data)누가 요청했 velog.io 아무리 axios를 사용해서 Post로 보내도 서버 500으로 post 데이터를 받지 못했다. submit해서 데이터는 가는데, 서버로 데이터..