JavaScript

코딩테스트/프로그래머스

[프로그래머스] Lv.1 - 소수 찾기

1. 문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 2. 풀이function solution(n) { let answer = []; function isPrime(n) { for (let x of answer) { if (x > Math.sqrt(n)) return true; if (Number.isInteger(n / x)) return false; } return true; } for (let i = 2; i

코딩테스트/프로그래머스

[프로그래머스] Lv.0 - 소인수분해

1. 문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 2. 풀이function solution(n) { var answer = []; let d = 2; while (n >= 2) { if (n % d === 0) { answer.push(d); n = n / d; } else { d++; } } answer = [...new Set(answer)]; return answer;} 3. ★1. 소인수분해를..

코딩테스트/프로그래머스

[프로그래머스] Lv.0 - 직사각형 넓이

1. 문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 2. 풀이function solution(dots) { var answer = 0; const w = Math.max(...dots.map((i) => i[0])) - Math.min(...dots.map((i) => i[0])); const h = Math.max(...dots.map((i) => i[1])) - Math.min(...dots.map((i) => i[1])); answer = w * h; return answer;..

코딩테스트/프로그래머스

[프로그래머스] Lv.0 - 숨어있는 숫자의 덧셈 (2)

1. 문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 2. 풀이function solution(my_string) { var answer = 0; let arr = []; for (let i = 0; i 3. 다른 사람 풀이function solution(my_string) { var answer = 0; answer = my_string.split(/\D+/).reduce((acc, cur) => acc + Number(cur), 0); return answer;} 4. ★나는 for문을 사용해 숫자와 공백만을 담은 배열을 만들고 ..

JavaScript

[JavaScript] 객체 복사 (얕은 복사, 깊은 복사)

오늘은 JavaScript를 공부할 때 정리해두었던 객체 복사와 관련된 내용을 기록해보려한다. 1. 객체 복사 문제점객체 변수는 메모리 어딘가에 저장되어 있는 객체를 참조할 수 있는 주소값이 저장된다.아래 코드와 같이 A = B 와 같은 방식으로 객체 복사를 할 경우, 동일한 객체를 참조하는 주소 값을 복사하게 되어 각 객체 변수의 값을 변경할 경우 서로 영향을 주게되는 문제점이 발생한다.이러한 문제점은 얕은 복사(Shallow copy), 깊은 복사(Deep Copy)를 통해 해결할 수 있다. const user = { name: "sally", age: 23};const clone = user;clone.name = "park";console.log(clone.name); // output: "..

프로젝트

[React x 쇼핑몰 토이프로젝트] Mout__

이전에 부트캠프 과정으로 React 프레임워크 활용 과제를 진행했었다.과제를 통해서 부족한 부분이 있었지만 제출 기한때문에 보완하지 못했던 것이 있었고,3월 13일 ~ 4월 2일 약 3주간 이러한 부분들을 새로운 토이프로젝트를 통해 공부하면서 배포까지 진행보았다. ※ 기술스택: Typescript, React, Emotion, Firebase Auth, Firestore Database, Context api 1. 개요 및 기능 자주 이용하는 쇼핑몰 중 무신사스토어, 솔드아웃이 있는데 비슷한 컨셉을 목표로 웹사이트로 프로젝트를 진행했다.상품 데이터는 하드코딩으로 JSON 데이터를 만든 후 JSON Server로 사용하다가 Glitch로 배포해 사용했다.로그인/회원가입부터 쇼핑몰의 기본적인 기능에 자신의..

프로젝트

[React 활용 과제] CINEBANK

HTML/CSS 과제, Javascript 과제, React 과제를 매달 진행해왔지만 만들어진 가이드라인이 있었다.처음으로 기획부터 개발까지 진행할 수 있는 과제였고, 설레는 마음으로 1월 23일 ~ 2월 17일간 프로젝트를 진행했다. ※ 기술스택: Typescript, React, Tailwind css, Firebase Auth, Firestore Database 1. 개요 및 기능나는 영화를 많이 보는 편인데 영화를 보기 전에 리뷰나 후기들을 찾아보곤 했다.하지만 리뷰는 네이버 이외에는 찾기 힘들었고 그마저도 신뢰성이 떨어지는 리뷰들도 많았다. 후기는 블로그 리뷰들이 많았다. 그래서 영화에 대한 정보들을 쉽게 볼 수 있고, 리뷰나 후기들을 서로 공유하고 작성자의 신뢰도까지 평가할 수 있는 웹..

JavaScript

[JavaScript] JSON이란?

복잡한 객체를 다루고 있을 때, 네트워크를 통해 객체를 보내거나 로깅 목적으로 객체를 출력해야 한다면 객체를 문자열로 전환해야 한다. 이때 전환된 문자열에는 원하는 정보가 있는 객체 프로퍼티 모두가 포함되어야만 한다. 1. toString() 메서드를 통해 객체를 문자열로 전환한다고 가정했을 때,- 개발 과정에서 프로퍼티가 추가/삭제/수정 될 경우 매번 수정해야 하는 번거로운 작업이 뒤따릅니다.2. 프로퍼티에 반목문을 돌리는 방법을 사용할 수도 있지만,- 중첩 객체 등 복작한 경우 까다로워져 쉽지 않을 수 있습니다. 위 같은 문제들 때문에 많이 사용하는 것이 JSON 인데 아래에서 공부한 내용을 간단하게 정리해보았습니다. 1. JSON의 개념1. JSON 이란?- JavaScript Object Nota..

MJFE
'JavaScript' 태그의 글 목록 (2 Page)