Til
-
[level1] - 자연수 뒤집어 배열로 만들기programmers/level1 2020. 7. 4. 02:19
코딩테스트 연습 - 자연수 뒤집어 배열로 만들기 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. 제한 조건 n은 10,000,000,000이하인 자연수입니다. 입출력 예 n return 12345 programmers.co.kr 문제 설명 : 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를 들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. 입력 : 12345 출력 : [5,4,3,2,1] 접근 방법 : 출력값이 배열 타입에 역순으로 정렬된 모습을 보고, 타입이 Number인 12345를 String 타입으로 형 변환하고, spilt("")을 통해 문자열을 각각의 문자들..
-
[level1] 이상한 문자 만들기programmers/level1 2020. 7. 4. 01:32
코딩테스트 연습 - 이상한 문자 만들기 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 programmers.co.kr 문제 설명 : 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백 문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수, solution을 완성하세요. 입력 : "try hello world" 출력 : "TrY HeLlO WoRlD" 접근 방법 : function solution(s) { const strArr = s.split(); let Arr = ..
-
[level1] - 수박수박수박수박수박수?programmers/level1 2020. 6. 29. 00:44
코딩테스트 연습 - 수박수박수박수박수박수? 길이가 n이고, 수박수박수박수....와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 수박수박을 리턴하고 3이라면 수박수를 리턴하면 됩니다. 제한 조�� programmers.co.kr 문제 설명 : 길이가 n이고, 수박수박수박수....수박 수박 수박수.... 와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를 들어 n이 4이면 수박수박을 리턴하고 3이라면 수박수를 리턴하면 됩니다. 입력 : "3" 출력 : "수박수" 접근 방법 : 수박수박수박수박수... 이렇게 나열된 모습을 보고 내 눈에는 홀수, 짝수, 홀수, 짝수... 이렇게 보였다. 순간적으로 떠오른 로직은 길이만큼 반복..
-
[level1] - 문자열 내림차순으로 배치하기programmers/level1 2020. 6. 29. 00:20
코딩테스트 연습 - 문자열 내림차순으로 배치하기 문자열 s에 나타나는 문자를 큰것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수, solution을 완성해주세요. s는 영문 대소문자로만 구성되어 있으며, 대문자는 소문자보다 작은 것으로 � programmers.co.kr 문제 설명 : 문자열 s에 나타나는 문자를 큰 것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수, solution을 완성해주세요. s는 영문 대소문자로만 구성되어 있으며, 대문자는 소문자보다 작은 것으로 간주합니다. 입력 : "Zbcdefg" 출력 : "gfedcbZ" 접근 방법 : 먼저 문자열 s에 있는 문자들을 정렬하기 위해서는 문자열에 있는 문자들을 split() 함수를 이용해서 각각 나누고 문자를 정렬할 수 있는 s..
-
[level1] - 자릿수 더하기programmers/level1 2020. 6. 26. 10:20
코딩테스트 연습 - 자릿수 더하기 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 제한사항 N의 범위 : 100,000,000 이하의 자연수 입출 programmers.co.kr 문제 설명 : 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를 들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 입력 및 출력 : 1 + 2 + 3 = 6이므로 6을 return 하면 됩니다. 9 + 8 + 7 = 24이므로 24를 return 하면 됩니다. 접근 방법 : 123이라는 정수를 인..
-
[level1] - 서울에서 김서방 찾기programmers/level1 2020. 6. 23. 13:29
코딩테스트 연습 - 서울에서 김서방 찾기 String형 배열 seoul의 element중 Kim의 위치 x를 찾아, 김서방은 x에 있다는 String을 반환하는 함수, solution을 완성하세요. seoul에 Kim은 오직 한 번만 나타나며 잘못된 값이 입력되는 경우는 없습니다. 제 programmers.co.kr 문제 설명 : String형 배열 seoul의 element 중Kim의 위치 x를 찾아, 김서방은 x에 있다는 String을 반환하는 함수, solution을 완성하세요. seoul에 Kim은 오직 한 번만 나타나며 잘못된 값이 입력되는 경우는 없습니다. 입력 : ["Jane", "Kim"] 출력 : "김서방은 1에 있다" 접근 방법 : seoul이라는 배열 안에 Jane과 Kim 존재하는데..
-
React - class 컴포넌트React/기본 2020. 6. 22. 20:00
예전의 React에서는 class component가 중요한 역할을 맡았었다. 그러나 React 16.8.0 업데이트 이후에 Hooks이 추가가 된 이후에 함수형 컴포넌트에서도 LifeCycle API와 state 기능을 구현할 수 있어 이제는 잘 사용하지 않는다. 하지만, class형 component를 써야 하는 상황이 올 수 있기 때문에 정리가 필요하다. 1. import React, { Component } from "react"; - react 라이브러리에서 함수 또는 클래스를 import(확장)한다. - improt 문법은 JavaScript(ES6) 문법 중 하나로 export 된 다른 파일의 함수 또는 클래스를 불러와 사용할 수 있도록 하는 기능이다. 2. class ClassCompone..
-
React - Font Awesome과 Toastify 사용하기React/라이브러리 2020. 5. 26. 10:00
Font Awesome 이란? - 웹에서 아이콘이 필요할 때 가장 많이 사용되는 라이브러리 중 하나이다. Font Awesome fontawesome.com Font Awesome 패키지 설치 방법 1. FontAwesome의 SVG 기반 아이콘을 활성화 시키기 위해 기본 패키지를 설치한다. 2. FontAwesome 아이콘 대한 패키지를 설치해야 한다. 여기서 무료로 제공하는 Solid, Regular, Brands 3개의 카테고리에 대한 패키지만 설치한다. 3. 마지막으로 FontAwesome을 React 컴포넌트 형태로 사용할 수 있도록 하는 패키지를 설치한다. 그러고 나서, 적용 시켜보자. 인스타그램 클론 했던 소스에서 Header 컴포넌트에 적용해보았다. 저렇게 돋보기 아이콘이 생긴 것을 확인할..