[JS 코딩테스트]Lv.0 짝수는 싫어요

문제설명정수 n이 매개변수로 주어질 때, n 이하의 홀수가 오름차순으로 담긴 배열을 return하도록 solution 함수를 완성해주세요. 제한사항1≤n≤100입출력 예nresult10[1,3,5,7,9]15[1,3,5,7,9,11,15] 나의 풀이function solution(n) { let arr = new Array(); for(let i=0; i 0){ arr.push(num) } } return arr;}다른 사람의 풀이function solution(n) { var answer = []; for (let i = 1; i 배운대로만 하다보니 항상 for문에 i = 0이고 i++이여야 한다는 생각을 했는데 다양하게 응용해야..

Programmers 2025.04.05 0

[JS 코딩테스트] Lv.0 외계행성의 나이

문제 설명우주여행을 하던 머쓱이는 엔진 고장으로 PROGRAMMERS-962 행성에 불시착하게 됐습니다. 입국심사에서 나이를 말해야 하는데, PROGRAMMERS-962 행성에서는 나이를 알파벳으로 말하고 있습니다.a는 0, b는 1,c는 2,...,j는 9입니다.나이 age가 매개변수로 주어질 때 PROGRMMERS-962식 나이를 return하도록 solution 함수를 완성해주세요. 제한사항age는 자연수입니다.age≤1,000PROGRAMMERS-962 행성은 알파벳 소문자만 사용합니다.입출력 예ageresult23"cd"51"fb"100"baa"나의 풀이function solution(age) { //외계나이 저장 let spaceNum = 'abcdefghij' //숫자를 s..

Programmers 2025.05.14 1

[JS 코딩테스트] Lv.0 특정 문자 제거하기

문제 설명문자열 my_string과 문자 letter이 매개변수로 주어집니다.my_string에서 letter를 제거한 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항1 ≤ my_string의 길이 ≤ 100letter은 길이가 1인 영문자입니다.my_string과 letter은 알파벳 대소문자로 이루어져 있습니다.대문자와 소문자를 구분합니다.입출력 예my_stringletterresult"abcdef""f""abcde""BCBdbe""B""Cdbe"나의 풀이function solution(my_string, letter) { //my_string을 분리해서 배열로 저장 let array = my_string.split("") //반복문으로 array[i]와 lette..

Programmers 2025.05.14 0

[JS 코딩테스트] Lv.0 배열뒤집기

문제설명 정수가 들어 있는 배열 num_list가 매개변수로 주어집니다. num_list의 원소의 순서를 거꾸로 뒤집은 배열을 return하도록 solution 함수를 완성해주세요. 제한사항1 ≤ num_list의 길이 ≤1,0001 ≤ num_list의 원소 ≤1,000입출력 예num_listresult[1,2,3,4,5][5,4,3,2,1] [1, 1, 1, 1, 1, 2] [2,1,1,1,1,1][1,0,1,1,1,3,5][5,3,1,1,1,0,1]나의 풀이function solution(num_list) { var answer = []; for(let i = num_list.length - 1; i >= 0; i--){ answer.push(num_list[i]) ..

Programmers 2025.04.28 0

[JS 코딩테스트] LV. 0 배열의 평균값

문제 설명 정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소의 평균값을 return하도록 solution 함수를 완성해주세요.  제한사항0≤numbers의 원소≤ 1,0001≤numbers의 길이≤ 100 입출력 예numbersresult [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] 5.5 [89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99] 94.0 나의 풀이 [2025.01.17]function solution(numbers) { let sum = 0; for(let i=0; i

Programmers 2025.02.07 0

전체글

more

[CSS] Grid

Grid?CSS 레이아웃 중 하나로,행과 열로 구성되어 있어 별도의 위치 지정 없이도 더 많은 레이아웃을 구현할 수 있게 만들어졌다. 🔎 Table vs Grid vs Flex TableGridFlex행과 열이 있는가?⭕️⭕️❌유동적인 레이아웃이 가능한가?❌⭕️⭕️1. 그리드 용어 1. Grid Containerdisplay:grid;를 적용하는 Grid의 전체 영역으로, 이 안의 요소들이 Grid의 영향을 받아 정렬된다.해당 컨테이너 안에 있는 모든 자식 요소가 Grid Item이 된다. 2. Grid Track그리드에 그려진 두 라인 사이의 공간이다.공간이 세로일 때는 columns(행), 가로일 때는 row(열)이다.3. Grid CellGrid의 가장 작은 단위로, Grid Item을 가지고 있..

css(scss) 2025.10.30 0

[CSS] CSS 방법론 - BEM이란?

회사에서 BEM을 사용한다고 말씀해주셨는데, 어렴풋이 알지만 정확히 설명할 수 없어 제대로 공부하고 정리해보았다! 🔎 CSS 방법론?CSS 방법론은 간단히 얘기하면 CSS를 사용하기 위해 어떤 방식으로 클래스 네임을 사용할 지에 대한 이야기이다.대표적으로 3가지 방법론이 있는데BEM(Block Element Modifier)OOCSS(Object Oriented CSS)SMA CSS(Scalable and Modular Architecture for CSS)이 중 현재 사용하고 있는 BEM에 대해 공부해보았다.1. BEM이란?BEM은 CSS 방법론 중 하나로, Block, Element, Modifier의 약자이다.🔎 BEM의 특징작명을 할 때, 의미가 있는 네이밍을 지향한다.ID, 태그 이름 등 클..

css(scss) 2025.10.21 0

[React] 2.JSX란?

JSX?확장된 자바스크립트 문법으로 JS와 HTML을 함께 쓸 수 있다. 예시function Header(){ const number = 10 return( number is {number} )}🔎 JSX의 특징1. JSX 중괄호 내부에는 자바스크립트 표현식만 넣을 수 있다 → 숫자나 문자로 표현되는 표현식만 가능2. 숫자, 문자열, 배열 값만 렌더링 된다 → undefined, null, boolean(true,false)는 값이 생성되더라고 페이지에 렌더링이 되지 않는다.3. 모든 태그는 닫혀있어야 한다4. 차상위 태그는 반드시 하나여야 한다. → 차상위 값이 여러개인 경우 빈태그 를 가장 위에 삽입한다.출처이정환 -..

React.js 2025.08.01 0

[Javascript 개념] 7-1. 배열 메서드

배열?여러개의 값을 순차적으로 담을 수 있는 비원시형 자료배열은 많은 메서드를 포함하고 있는데, 이를 이용하면 깔끔한 프로그래밍을 할 수 있다.1. 배열 요소 조작 메서드1 - 1. 요소 추가 메서드배열 메서드설명push배열의 마지막에 요소를 추가pop배열의 마지막에 요소를 제거 1 - 2. 요소 제거 메서드배열 메서드설명shift배열의 맨 앞에 요소를 추가 unshift배열의 맨 앞의 요소를 제거slice배열의 특정 부분을 제거 예시아래 글에서 push, pop, shift, unshift의 자세한 설명을 볼 수 있습니다. [JavaScript 개념] 7. 배열배열?비원시타입 자료형으로, 여러개의 값을 순차적으로 담을 수 있다. 🔎 배열의 특징1. 배열의 요소에는 0부터 시작하는 숫자(index..

Javascript 2025.07.24 1

[React]1.React란?

React?Meta에서 개발한 오픈소스 JS 라이브러리대규모 웹 서비스의 UI를 더 편하게 개발하기 위해 만들어졌다. 🔎 React로 만들어진 서비스들넷플릭스, 페이스북, 인스타그램, 노션 등...→ 대기업에서 많이 사용하다보니 웹프레임워크 중 가장 점유율이 높다👍 React의 기술적인 특징 컴포넌트를 기반으로 UI를 표현한다 화면 업데이트 구현이 쉽다. 화면 업데이트가 빠르게 처리된다.1 . 컴포넌트 (component)화면을 구성하는 요소, UI를 구성하는 요소를 뜻한다. 페이지를 구성하는 모든 요소(Header, Main,Footer, Article 등)를 각각의 컴포넌트로 만들어 관리할 수 있다. 🔎 컴포넌트의 장점 - 코드 수정이 유리하다 → 페이지마다 동일한 코드를 넣다보면 페이지 수가 ..

React.js 2025.07.22 1