본문 바로가기

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

전체 글

(236)
[JavaScript] HTTP 프로토콜의 개념, 특징, 상태 코드, 통신 방법 (GET, POST, PUT, PATCH, DELETE) 완벽 총정리 목차 1. 'HTTP'2. HTTP의 특징3. HTTP 상태 코드4. HTTP 통신 방법의 종류    GET, POST, PUT, PATCH, DELETE  → 용도, 특징, 적용예시, 코드 예시    프론트엔드에서 서버에 데이터를 요청하는 것은 웹 애플리케이션을 개발할 때는 물론 백엔드와의 협업을 위해서도 매우 중요한 부분이다. 이를 이해하기 위해서 먼저 프로토콜과 기본적인 통신 방법에 대해서 알아보자!        1.  'HTTP' (HyperText Transfer Protocol : 하이퍼텍스트 전송 프로토콜)  HTTP 는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜이다.프로토콜은 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식 (데이터의 형식)을 정의하는 규..
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 128 - 원소들의 곱과 합) # 문제정수가 담긴 리스트 num_list가 주어질 때, 모든 원소들의 곱이 모든 원소들의 합의 제곱보다 작으면 1을 크면 0을 return하도록 solution 함수를 완성해주세요.# 답안// 1. 입력: 정수 배열 num_list// 2. 출력: (모든 원소들의 곱
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 127 - 이어 붙인 수) # 문제정수가 담긴 리스트 num_list가 주어집니다. num_list의 홀수만 순서대로 이어 붙인 수와 짝수만 순서대로 이어 붙인 수의 합을 return하도록 solution 함수를 완성해주세요.# 답안// 1. 입력: 정수 배열 num_list// 2. 출력: 홀수이어붙인거 + 짝수이어붙인거// let odd = ""; let even = "" 만들고,// num_list 요소들 하나씩 조사하면서// (num_list[i] % 2 === 0) 이면, even에 더하기, 아니면 odd에 더하기// return odd, even 각각 숫자로 바꾸고 더하기function solution(num_list) { let odd = ""; let even = ""; for(let i=0; i
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 126 - 마지막 두 원소 ) # 문제정수 리스트 num_list가 주어질 때, 마지막 원소가 그전 원소보다 크면 마지막 원소에서 그전 원소를 뺀 값을 마지막 원소가 그전 원소보다 크지 않다면 마지막 원소를 두 배한 값을 추가하여 return하도록 solution 함수를 완성해주세요.# 답안// 1. 입력: 정수 배열 num_list// 2. 출력: 조건에 따라 만든 배열function solution(num_list) { let answer = [...num_list]; let end = num_list.length - 1; if(num_list[end] > num_list[end-1]){ answer.push(num_list[end] - num_list[end-1]) }else{ an..
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 125 - 수 조작하기 1 ) # 문제정수 n과 문자열 control이 주어집니다. control은 "w", "a", "s", "d"의 4개의 문자로 이루어져 있으며, control의 앞에서부터 순서대로 문자에 따라 n의 값을 바꿉니다."w" : n이 1 커집니다."s" : n이 1 작아집니다."d" : n이 10 커집니다."a" : n이 10 작아집니다.위 규칙에 따라 n을 바꿨을 때 가장 마지막에 나오는 n의 값을 return 하는 solution 함수를 완성해 주세요.# 답안// 1. 입력: 정수 n, 문자열 control// 2. 출력: 계산 후 n 값function solution(n, control) { for(let char of control){ if(char === "w") { n += 1 ..
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 124 - 카운트 업) # 문제정수 start_num와 end_num가 주어질 때, start_num부터 end_num까지의 숫자를 차례로 담은 리스트를 return하도록 solution 함수를 완성해주세요.# 답안// 1. 입력: 정수 start_num, end_num// 2. 출력: start_num부터 end_num까지의 숫자를 차례로 담은 배열function solution(start_num, end_num) { let arr = []; for(let i = start_num; i
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 123 - 글자 이어 붙여 문자열 만들기) # 문제문자열 my_string과 정수 배열 index_list가 매개변수로 주어집니다. my_string의 index_list의 원소들에 해당하는 인덱스의 글자들을 순서대로 이어 붙인 문자열을 return 하는 solution 함수를 작성해 주세요.# 답안// 1. 입력: 문자열 my_string, 배열 index_list// 2. 출력: my_string의 index_list의 원소들에 해당하는 인덱스의 글자들을 순서대로 이어 붙인 문자열// 방법1) for문 돌리기function solution(my_string, index_list) { let arr = my_string.split(''); let str = ""; for(let i=0; i my_string[i]).join('')}
[프로그래머스/JavaScript] 코딩 테스트 풀이 (문제 122 - 문자열 뒤의 n글자) # 문제문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string의 뒤의 n글자로 이루어진 문자열을 return 하는 solution 함수를 작성해 주세요.# 답안// 1. 입력: 문자열 my_string, 정수 n// 2. 출력: my_string의 뒤의 n글자로 이루어진 문자열function solution(my_string, n) { return my_string.slice(-n);}