chef_coder의 간단한 기록

문제 설명자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를 들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. 제한 조건n은 10,000,000,000이하인 자연수입니다.해결 방안 1function solution(n) { let answer = [] let str = (""+n); for(i=0; i1. answer 배열을 선언2. n을 문자열로 형 변환. 공백문자열과 숫자를 더해, 문자열로 만들었다.  toString()을 사용해도 된다!3. for문은 0부터, n의 자릿수만큼, 1씩 커지며 반복한다.4. undershift를 통해 앞자리부터 answer배열에 맨 앞에 추가된다.Troble shooting코드가 너무 길다고 판단 되었다. 선언..

1. 프로젝트 내용TMDB 라는 사이트에서 영화 정보에 대한 api를 받아와 CRUD기능을 구현하는 팀프로젝트를 진행했습니다.    - 유효성 검사    - 로컬 스토리지html, css, 바닐라 자바스크립트만을 이용해 개발하는 것이 중요 포인트입니다.자바스크립트 기초강의를 학습하며, 동시에 개발하였습니다.시간은 일주일 가량 소요되었습니다.  2. 팀원들과의 KPT 회고Keep - 현재 만족하고 있는 부분적절한 사전 인력 분배좋은 결과물을 위해, 각자 맡은 부분 모두 성실히 이행상세한 주석Problem - 불편하게 느끼는 부분회의가 자주 이뤄지지 않음api명세, 와이어프레임, 등 사전계획을 명확히하지 않음진행상항 공유가 원활하지 않음학습을 하며 진행하다보니, 시간이 지나면, 내가 짠 코드를 내가 이해하기..

00.class의 상속이란?class는 인스턴스를 효율적으로 생성함 이외에도 추가적인 기능이 있습니다.바로 상속을 통해 다른 class의 기능을 물려주고, 받는 것 입니다.상속 받는 class => subclass , derived class상속 하는 class => superclass , base class이 둘은 부모와 자식관계로 표현되기도 합니다.01. 상속관계를 이해하기 위한 예시Ape(유인원)이라는 superclass로부터 상속 받는 subclass(human)를 작성해봤습니다.//supperclass 상속하는 클래스class Ape { constructor(이름, 서식지, 천적) { this._이름 = 이름; this._서식지 = 서식지; this._천적 = 천적; } s..

class는 공장에서 상품을 대량으로 찍어내기 위한 방식과 비슷합니다.같은 설계도로 특징이 다른 상품들을 찍어낼 수 있습니다. 다른 언어들은 클래스 기반의 프로그래밍 개발 기법을 사용해왔던 반면,이전의 자바스크립트는 언어 자체에 그런 문법이 없었기에, 불편함이 있었습니다.개발자들은 자바스크립트에서 클래스와 비슷한 개념을 사용하기 위해서 애썼고, 그 니즈를 반영하여class문법은 ES6(2015년)에 정식으로 도입되었습니다.class는 주조의 거푸집과 비슷합니다. 특정한 설계를 가지고 있습니다.즉 객체를 생성하기 위한 일종의 템플릿입니다.인스턴스는 실제로 만들어진 각각의 주물(객체)입니다. 모양, 크기 등 거푸집의 설계에 따라 정해질 수 있습니다.class Person { //constructor는 이름..

1. 사용 이점자바스크립트는 비동기 처리 시 콜백함수를 통해 처리할 수 있습니다.그러나 해당 방법은 코드가 복잡해짐에 따라 한계점이 명확해집니다.이때 Promise 객체 혹은 Async를 사용하여 비동기 처리하여 얻는 이점은 다음과 같습니다.비동기 처리 시점 명확수정, 삭제, 추가 유연코드의 유지 보수성 증가2. Promise 객체에 대하여Promise는 비동기 처리에 대해, 처리가 끝나면 알려달라는 약속(Promise)입니다.new Promise(function (resolve,reject 함수 호출) { 로직; resolve 함수 실행; })new 연산자로 호출한 Promise의 인자에  resolve나 reject가 구문으로 들어갑니다.이때 resolve 함수가 실행 ..

1. 먼저 비동기 처리를 알아보자!자바스크립트 코드 실행은 두 가지 방식으로 나눠 볼 수 있습니다. 하나, 동기적인 처리a=1; b=2; c=3;console.log(a);console.log(b);console.log(c);코드의 상단부터 각각의 로직a,b,c가 있습니다.  이때 동기적인 처리가 이뤄진다면 실행 순서는 A>B>C 순입니다. 둘, 비동기 처리a = 1;b = 2;c = 3;setTimeout(() => console.log(a), 500);console.log(b);console.log(c);다시 로직 a,b,c가 있습니다. 앞선 예시와 다른 점은 a가 setTimeout 을 통해 0.5초 뒤에 실행된다는 점입니다.이때 b와 c가 a보다 먼저 출력될까요? 아니면 순서대로 출력될까요???결..

문제 설명정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소의 평균값을 return하도록 solution 함수를 완성해주세요.제한사항0 ≤ numbers의 원소 ≤ 1,000 1 ≤ numbers의 길이 ≤ 100 정답의 소수 부분이 .0 또는 .5인 경우만 입력으로 주어집니다.입출력 예numbers result [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해결방안 1for문 사용하기function solution(numbers) { let sum = 0 for(i=0; i1. sum을 선언했다. 값은 0.2. for문을 통해, i는 0부터; numbers 배열의..

let members = ['지원', '윤정', '경훈', '민석', '지선', '민송'];for (let i = 0; i break과 continue의 설명을 위하여,친구들의 이름이 순서대로 출력되는 코드를 짜봤습니다.상황1. 4번째 데이터, '민석' 까지만 출력하고 싶어졌습니다.let members = ['지원', '윤정', '경훈', '민석', '지선', '민송'];for (let i = 0; i 이때 조건과 함께 break를 사용해주면,for문 내부의 그 다음 줄이 실행되지 않습니다.상황2. 3번째 데이터,'경훈'을 넘기고 출력하고 싶어졌습니다.let members = ['지원', '윤정', '경훈', '민석', '지선', '민송'];for (let i = 0; i 이때 continue를 사용하면..

// 변수의 값에 따라 case 중 하나를 선택 //case에 맞는 값이 없다면 default에 해당 let 프로그래밍언어 = "js"; swtich (프로그래밍언어){ case 'java' : //콜론 꼭 붙이기 console.log(자바입니다.); break; //케이스 작성 후 반드시 break 써주기!!!!! default: console.log(자바가 아닌 언어입니다.); break; }

기본적인 함수 function basic(x,y) { return x+y; } 화살표 함수 (ES6 신 문법) // 기본적인 화살표 함수 let arrowFunction =(x,y) => { return x+y; } // 로직이 하나인 경우 let arrowFunction2 = (x,y) => x+y; // 매개변수가 하나며 로직도 하나인 경우 let arrowFucntion3 = x => x;