분류 전체보기
-
[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..
-
React - SPA란?React/SPA 2020. 6. 27. 23:46
SPA란? Single Page Application(싱글 페이지 애플리케이션)의 약어이다. 말 그대로 한 개의 페이지로 이루어진 애플리케이션을 말한다. SPA가 생긴 이유는? 예전에는 사용자가 다른 페이지로 이동할 때마다 새로운 html을 받아 오고, 페이지를 로딩할 때마다 서버에서 리소스를 전달받아 해석한 뒤 화면에 보여 주었다. 즉, 사용자에게 보이는 화면은 서버 측에서 준비했었다는 의미이며, 이것을 CSR(클라이언트 사이드 렌더링)이라 한다. But, 요즘은 웹에서 제공되는 정보가 너무 많기 때문에 새로운 화면을 보여 주어야 할 때마다 서버 측에서 모든 뷰를 준비한다면 성능상 문제가 발생할 수 있다. 예를 들면, 트래픽이 너무 많이 나올 수 있다. 사용자가 몰려 서버에 높은 부하가 쉽게 걸릴 수 ..
-
[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이라는 정수를 인..
-
TypeScript란?TypeScript 2020. 6. 25. 22:35
타입 스크립트(TypeScript)란? - 마이크로소프트(Microsoft)에서 개발하고 유지/관리하는 Apache 라이센스가 부여된 오픈 소스이다. - 일반 자바스크립트로 컴파일되는 자바스크립트 상위 호환으로 2012년 10월에 처음 릴리스 되었다. 타입 스크립트를 쓰는 이유? - Java나 C# 같은 타입이 명확한 강한 타입 시스템은 높은 가독성과 코드 품질을 제공하고, 런타임이 아닌 컴파일 환경에서 에러가 발생해 치명적인 오류들을 쉽게 잡아낸다. - 반면, 자바스크립트는 타입 시스템이 없으며, 변수 선언 시 문자열, 숫자, 불린 등 여러 타입의 값을 가질 수 있다. 이를 약한 타입 언어라고 부르며, 비교적 유연하게 개발할 수 있는 환경을 제공하지만 런타임 환경에서 쉽게 에러가 발생할 수 있는 단점을..
-
[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..
-
2차 프로젝트 회고록Trainings/clone project 2020. 6. 22. 15:33
1. 프로젝트 소개 원티드 - 지인 추천하고 보상금 받기 8,000개 기업, 150만 회원. 국내기업부터 글로벌기업까지, 지금 원티드에서 지원하세요. www.wanted.co.kr 1차 프로젝트 리모아가 끝이 나고, 2차 프로젝트로 "원티드"라는 사이트를 클론 하게 되었다. 원티드는 ‘지인을 추천해 채용되면 채용된 사람과 추천한 사람 모두에게 보상금을 주는 곳’으로 알려진 원티드는 채용 추천 플랫폼이다. 이 원티드는 내가 낸 아이디어였고, 다행히도 투표를 많이 받아서 진행하게 되었다. 2. 사용된 기술 - HTML / CSS 및 Styled Component - JavaScript(ES6) - React(Hooks, styled component) 3. 내가 맡은 부분 및 역할 원티드 채용 상세 페이지 ..