JudithHopps JudithHopps

1. 이진수 더하기 문제 설명 이진수를 의미하는 두 개의 문자열 bin1과 bin2가 매개변수로 주어질 때, 두 이진수의 합을 return하도록 solution 함수를 완성해주세요. function solution(bin1, bin2) { return (parseInt(bin1,2) + parseInt(bin2,2)).toString(2) } 2진수를 10진수로 만들 때 parseInt를 사용하고, 10진수를 2진수로 만들 때 toString을 사용한다. 2. 잘라서 배열로 저장 문제 설명 문자열 my_str과 n이 매개변수로 주어질 때, my_str을 길이 n씩 잘라서 저장한 배열을 return하도록 solution 함수를 완성해주세요. function solution(my_str, n) { var a..

1. 가위바위보 문제 설명 가위는 2 바위는 0 보는 5로 표현합니다. 가위 바위 보를 내는 순서대로 나타낸 문자열 rsp가 매개변수로 주어질 때, rsp에 저장된 가위 바위 보를 모두 이기는 경우를 순서대로 나타낸 문자열을 return하도록 solution 함수를 완성해보세요. function solution(rsp) { var obj = { "0" : 5, "2" : 0, "5" : 2 } return rsp.split('').map(x => obj[x]).join('') } 객체는 obj[key] = value 라는 것을 이용해서 rsp를 split한 후 map 메소드를 이용하였다. 2. 인덱스 바꾸기 문제 설명 문자열 my_string과 정수 num1, num2가 매개변수로 주어질 때, my_st..

오늘의 목표 왼쪽 / 오른쪽 / 랜덤 버튼 클릭시 컨텐츠 전환 추가 1. html a. fontawesome 폰트에서 icon 추가 b. 버튼 (이전 / 다음 / 랜덤) 추가 random 2. css a. 버튼 (이전 / 다음 / 랜덤) css 추가 /* 버튼 */ .prev-btn, .next-btn { color: var(--color-main); font-size: 1.25rem; background: transparent; border-color: transparent; margin: 0 ; transition: var(--transition); cursor: pointer; } .prev-btn:hover, .next-btn:hover { color: var(--color-author); } ...

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. 개미군단 개미 군단이 사냥을 나가려고 합니다. 개미군단은 사냥감의 체력에 딱 맞는 병력을 데리고 나가려고 합니다. 장군개미는 5의 공격력을, 병정개미는 3의 공격력을 일개미는 1의 공격력을 가지고 있습니다. 예를 들어 체력 23의 여치를 사냥하려고 할 때, 일개미 23마리를 데리고 가도 되지만, 장군개미 네 마리와 병정개미 한 마리를 데리고 간다면 더 적은 병력으로 사냥할 수 있습니다. 사냥감의 체력 hp가 매개변수로 주어질 때, 사냥감의 체력에 딱 맞게 최소한의 병력을 구성하려면 몇 마리의 개미가 필요..

디자인 패턴이란? 프로그램을 설계할 때 발생했던 문제점들을 객체 간의 상호 관계 등을 이용하여 해결할 수 있도록 하나의 "규약" 형태로 만들어 놓은 것을 의미 종류는 아래와 같다. 싱글톤 패턴 팩토리 패턴 전략 패턴 옵저버 패턴 프록시 패턴과 프록시 서버 이터레이터 패턴 노출모듈 패턴 MVC 패턴 MVP 패턴 MVVM 패턴 전략 패턴 전략 패턴은 정책 패턴이라고도 하며, 객체의 행위를 바꾸고 싶은 경우 '직접' 수정하지 않고 전략이라고 부르는 '캡슐화한 알고리즘'을 컨텍스트안에서 바꿔주면서 상호 교체가 가능하게 만드는 패턴이다. 더보기 컨택스트란? 프로그래밍에서의 컨텍스트는 상황, 문맥, 맥락을 의미하며, 개발자가 어떠한 작업을 완료하는데 필요한 모든 관련 정보를 말한다. 옵저버 패턴 주체가 어떤 객체의..

17. 생성자 함수에 의한 객체 생성 17.1 Object 생성자 함수 자바스크립트 Object 생성자 함수 이외에도 String, Number, Boolean, Function, Array, Date, RegExp, Promise 등의 빌트인 생성자 함수를 제공한다. //RegExp const regExp = new RegExp(/a+b/i) console.log(typeOf regExp) // object 19. 프로토 타입 19.13 프로퍼티 존재 확인 in 연산자 for-in 문을 사용하면 객체(배열 포함)에 포함된 모든 프로퍼티에 대해 루프를 수행할 수 있다. var person = { 'first-name': 'Ung-mo', 'last-name': 'Lee', gender: 'male' };..

2023.1.16 한 것 - html 코드 작성 - css 코드 작성 2023.1.17 - 블로그 수정 더보기 전체 구조 1. html a. 하나의 index.html로 설정한다. b. head 뷰포트 관련 정보를 적어두었다. title은 Book Review style은 외부 스타일 시트를 링크한다. javascript는 defer 명령어를 통해 head 부분에 첨부한다. c. body body는 main과 footer로 구성되어 있다. (header는 제외하였다.) main 태크 안에 section, article로 구성되어 있고 BEM(Block Element Modifier)을 사용하여 가독성 있는 이름을 이용했다. footer 태그 안에는 sr-only 클래스를 이용하여 스크린 리더를 이용하여 ..

[참고] 1.도서 http://www.yes24.com/Product/Goods/92742567 모던 자바스크립트 Deep Dive - YES24 『모던 자바스크립트 Deep Dive』에서는 자바스크립트를 둘러싼 기본 개념을 정확하고 구체적으로 설명하고, 자바스크립트 코드의 동작 원리를 집요하게 파헤친다. 따라서 여러분이 작성한 코드 www.yes24.com 2. 웹사이트 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com 자바스크립트의 특징 자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다. 자바스크립트는 기존의 프로그래밍 언어에서 많은 영향을 받았다. 기본 ..