본문 바로가기

Hello! I'm haein, a junior front-end developer. Welcome to my space.
간단한 자기소개 '◡'
안녕하세요. 정리하는 것이 주특기이고, 인문논술로 대학을 가서 나름 글쓰기에 자부심(?)이 있는 주니어 개발자입니다. 개발 공부를 하면서 좀 더 정돈된 기록을 해보고 싶어서 블로그를 시작하게되었습니다. 게시글 하나하나 정말 정성스럽게 열심히 썼구요. 되도록이면 공식문서를 참고해서 객관적이고 정확한 정보를 작성하려고 노력했습니다. 그리고 제가 이해가 될 정도로 디테일하게 서술해서 웬만한 사람들도 이해가 가능할 것이라는것이 저의 뇌피셜입니다. 아무쪼록 저의 글을 읽는 사람들이 어떤 방향으로든 도움이 되셨으면 좋겠습니다. 참고로 연보라, 연핑크를 좋아하구여, 그라데이션도 좋아합니다. 그래서 내 취향에 맞게 커스텀 했습니다 ㅎㅎㅎ MBTI는 ISTJ입니다. 너무 TMI라서 toggle로 해뒀습니다. 궁금한 사람들은 펼쳐보시겠죠?

전체 글

(209)
[TypeScript] 타입스크립트의 기본 타입 타입스크립트에는 12가지 기본 타입이 있다. 1. String (문자열) 2. Number (숫자) 3. Boolean 4. Object 5. Array 6. Tuple 7. Enum 8. any 9. void 10. never 11. Undefined 12. null (1) String 자바스크립트 변수의 타입이 문자열인 경우 아래와 같이 선언 let str: string = 'hi'; // 위와 같이 :를 이용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)라고 함 (2) Number 타입이 숫자이면 아래와 같이 선언 let num: number = 10; (3) Boolean 타입이 진위 값인 경우에는 아래와 같이 선언 let show: boolean = tr..
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 63 - 모스부호 (1)) # 문제 머쓱이는 친구에게 모스부호를 이용한 편지를 받았습니다. 그냥은 읽을 수 없어 이를 해독하는 프로그램을 만들려고 합니다. 문자열 letter가 매개변수로 주어질 때, letter를 영어 소문자로 바꾼 문자열을 return 하도록 solution 함수를 완성해보세요. 모스부호는 다음과 같습니다. morse = { '.-':'a','-...':'b','-.-.':'c','-..':'d','.':'e','..-.':'f', '--.':'g','....':'h','..':'i','.---':'j','-.-':'k','.-..':'l', '--':'m','-.':'n','---':'o','.--.':'p','--.-':'q','.-.':'r', '...':'s','-':'t','..-':'u','...-'..
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 62 - A로 B 만들기) # 문제 문자열 before와 after가 매개변수로 주어질 때, before의 순서를 바꾸어 after를 만들 수 있으면 1을, 만들 수 없으면 0을 return 하도록 solution 함수를 완성해보세요. # 답안 // 1.입력: before, after: 문자열 "hello" 같은거 // 2.출력: 1 or 0 function solution(before, after) { return before.split('').sort().join('') === after.split('').sort().join('') ? 1 : 0; } # 인사이트 // sort() 메서드는 기본적으로 유니코드 코드 포인트 값을 기준으로 정렬 (ex. "banana"는 "aaabnn"으로 정렬됨)
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 61 - k의 개수) # 문제 1부터 13까지의 수에서, 1은 1, 10, 11, 12, 13 이렇게 총 6번 등장합니다. 정수 i, j, k가 매개변수로 주어질 때, i부터 j까지 k가 몇 번 등장하는지 return 하도록 solution 함수를 완성해주세요. # 답안 // 1. 입력: i,j,k -> 정수 1,2,3 같은거, k는 0~9 // 2. 출력: i부터 j까지 k가 몇 번 등장하는지 // 반복문을 돌린다. let num = i, num
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 60 - 2차원으로 만들기) # 문제 정수 배열 num_list와 정수 n이 매개변수로 주어집니다. num_list를 다음 설명과 같이 2차원 배열로 바꿔 return하도록 solution 함수를 완성해주세요. num_list가 [1, 2, 3, 4, 5, 6, 7, 8] 로 길이가 8이고 n이 2이므로 num_list를 2 * 4 배열로 다음과 같이 변경합니다. 2차원으로 바꿀 때에는 num_list의 원소들을 앞에서부터 n개씩 나눠 2차원 배열로 변경합니다. # 답안 // 1. 입력: num_list -> 정수배열 [1,2,3] 같은거, n -> 정수 1,2,3 같은거 // 2. 출력: 2차원 배열으로 바꾼 num_list // 반복문 돌릴건데, i=0부터 시작, i부터 i+n slice 해서 빈배열에 push function ..
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 59 - 중복된 문자 제거) # 문제 문자열 my_string이 매개변수로 주어집니다. my_string에서 중복된 문자를 제거하고 하나의 문자만 남긴 문자열을 return하도록 solution 함수를 완성해주세요. # 답안 // 1. 입력: my_string -> 문자열 "hello" 같은거 // 2. 출력: my_string에서 중복된 문자를 제거하고 하나의 문자만 남긴 문자열 // 방법1) set 사용 function solution(my_string) { return [...new Set(my_string)].join(''); } // 방법2) for문 사용 function solution(my_string) { let str = ""; for (let i=0; i
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 58 - 합성수 찾기) # 문제 약수의 개수가 세 개 이상인 수를 합성수라고 합니다. 자연수 n이 매개변수로 주어질 때 n이하의 합성수의 개수를 return하도록 solution 함수를 완성해주세요. # 답안 // 1. 입력: n -> 자연수 1,2,3 같은거 // 2. 출력: n 이하의 합성수 개수 // 약수의 개수 구하기 // 반복문 돌릴건데, 1,2,3 하나씩 순회하면서 n까지 확인할건데, // ex. 6의 약수는 i에 1,2,3 넣어가면서 n%i == 0 인거 // 반복문 안에 반복문 넣기 function solution(n) { let answer = 0; for (let i = 1; i
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 57 - 문자열 정렬하기 (2)) # 문제 영어 대소문자로 이루어진 문자열 my_string이 매개변수로 주어질 때, my_string을 모두 소문자로 바꾸고 알파벳 순서대로 정렬한 문자열을 return 하도록 solution 함수를 완성해보세요. # 답안 function solution(my_string) { return my_string.toLowerCase().split('').sort().join(''); } // 문자열을 소문자로 변환(toLowerCase) → 각 문자를 배열로 분리(split) → 배열을 알파벳 순서로 정렬(sort) → 문자열 결합(join)