코드노트

예를 들어 3, 8, x, 18... 이 있을 때 빠진 등차 수열 x를 찾아서 반환해야한다. 초항은 3이다. 1. x의 등차 값을 찾는 방법은? [0] [1] [2] 배열의 인덱스로 생각하면 [0] [1], [1] [2] 의 등차 값을 구해서 더하고 나누기 3을 해준다. 3과 8의 등차는 5. 8과 18의 등차는 10. (5 + 7) / 3은? 5 let y; for (let i = 1; i < num.length; i++){ y += num[i] - num[i - 1] } y /= num.length; - y값에 배열의 인덱스를 하나씩 빼가면서 값을 더해준다. ex) num[1] - num[0] num [2] - num[1] - 더한 y의 값에 배열의 길이만큼 나누어서 공차를 구한다. 2. 빈 inde..

등차수열 : s(1) = s(n-1) + t ex) 등차수열 11,16,21, ...n? // 11 + 5(n-1) ex) 9,5,1, ...n? // 9 - 4(n-1) let result; function forloop(s, t, number){ let acc = 0; for(let i = 1; i

● 컴퓨터 = 하드웨어 + 소프트웨어 ● 프로그램 = 명령어의 모음 ● 소프트웨어 = 여러 프로그램 ● 코드 = 컴퓨터가 알아듣는 언어 ● 코딩 = 코드 + ind, 컴퓨터에게 명령하는 것 ● 프로그래밍 = 프로그램을 만드는 작업 = 문제를 해결하는 것 = 입력 -> 결과 ● 프로그래밍 언어 = 컴퓨터에게 명령하는 언어 = 소프트웨어를 만들기 위한 도구(자바스크립트, 자바, 파이썬, ...) ● 프레임워크와 라이브러리 ▶ Framework = Frame(틀) + work(일하다) = 틀을 가지고 일을 한다. - 뼈대나 기반 구조 - 완성된 제품을 만들기 위해 사용 - spring, django, ANGULARJS, nodejs, Flask, ... ▶ Library = 도구의 모음 - 특정 기능에 대한 ..

순열은 중복 없이 골라 순서에 상관 있게 나열하는 경우의 수 이다. nPr 서로 다른 n개의 개수에서 r개를 뽑아서 순서에 상관있게 나열한다. ( permutation ) 팩토리얼을 생각하면 순열은 어렵지 않다. - 순열을 이해하기 위해서 for문과 재귀함수를 통해서 예제를 확인했다. - for문은 이해하기 쉬웠다. N차원 배열을 생각하면 겹치는 경우의수를 제외하면 구할 수 있었다. - 재귀함수를 통해서 구하는 방법이 이해하기가 힘들었다. 재귀 함수를 통해서 코드를 작성할 때에는 1. 재귀함수를 멈출 조건. 2. 재귀를 돌면서 변경되어야할 부분을 확인. 을 생각해야 했다. let input = ["a", "b", "c"]; // 예제 let count = 0; // 호출 되는 경우의 수 function ..

처음 문제를 받고 1. 문자를 나눈다. 2. 첫번째 단어를 대문자로 변경한다. 3. 다시 배열로 담아서 변환한다. 이 세가지 단계로 나눌 수 있었다. for문을 사용하려고 생각했지만 for...of를 사용할 생각을 하지는 못했다. function answer(str) { let fix_str = ""; let res = str.split(" "); let res_2; let res_3; let res_4; let res_5 = []; for (let i = 0; i < res.length; i++) { res_2 = res[i].substring(0, 1).toUpperCase(); res_3 = res[i].substring(1).toLowerCase(); res_4 = res_2 + res_3; re..

for...of , for...in 차이점 정리! 처음에는 헷갈렸는데 객체와 배열에 있어서 쓰임새가 다른거였다. 쉽게 정리를 하자면 배열에서는 of 객체에서는 in을 사용하면 될거 같다. 배열 = for...of in, of 둘다 사용 가능. - for...of = 배열 데이터를 반복하며 반환 - for...in = index값 반환 객체 = for...in in 사용 가능 - for...in = key값 반환 - for...of = type error 배열 데이터 let str = [1, 2, 3]; for (let i of str) { console.log(i); } // 1, 2, 3 // 단순 배열값 반환 for (let i in str) { console.log(i); } // 0, 1, 2 /..

form 정보를 제풀하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냄. - input과 같이 입력 받는 요소들을 묶어서 표현. - : 데이터를 보낼 주소값 입력 / post, get,, dialog - : 버튼을 통해서 제출 - : input의 설명을 넣어주며, id를 통해서 연결하여 구분한다. fieldset 웹 양식의 여러 컨트롤과 레이블을 묶을 때 사용한다. - 여러 label이 있을 때 을 통해서 그룹으로 묶을 수 있다. - block 요소이다. - legend : fieldset의 자식 요소로만 사용할 수 있으며, 설명을 입력할 수 있다. - disabled 를 사용하면 입력하지 못하게 할 수 있다. See the Pen Untitled by beomjunkwon (@bjkwon) on C..

Ordered List - 순서가 있는 목록 - type을 통해서 여러가지 순서번호를 사용할 수 있다. ex) type="A", type="a", type="I", type="i" - start="" 속성을 통해서 시작하는 숫자를 사용할 수 있다. - li 태그에 value값을 넣어주면 넣은 순서부터 시작한다. - 중간에 넣게 되면 넣은 순간 전까지는 1부터 그 뒤로는 넣은 숫자로 시작. - reversed 속성을 사용하면 반대로 확인할 수 있다. - 하위 태그로 중첨으로 가능. Undered List - 순서가 없는 목록 - 하위 태그로 중첨으로 가능. 설명목록을 나타낸다. - dt, dd를 감싸서 설명 목록을 생성한다. - key, value를 나타낼 때 사용한다. - dt, dd를 같이 사용한다. ..

- 블럭 컨테이너 - 플로우 콘텐츠를 위한 통용 컨테이너 - css로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 여향을 주지 않음 - 콘텐츠 분할을 위한 요소. - 순수 컨테이너로 아무의미가 따로 없다. - 인라인 컨테이너 - css로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 여향을 주지 않음 - 순수 컨테이너로 아무의미가 따로 없다. ● Semantic Web 시맨틱 웹 - 검색 엔진은 의미론적 마크업으로 분석하여 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주 - 의미가 없는 div를 탐색하는거보다 의미있는 코드 블록을 찾는것이 훨씬 쉬움 - 개발자에게 태그 안에 채워질 데이터 유형을 제안 - 시각장애인을 위한 스크린리더로 페이지를 탐색할 때 의미론적 마크업을 푯말로 사용할 수 있음. - 소..

속성 : cite = "" - 인용문 출저 url을 넣어준다. / 브라우저만 알고 있는 정보이다. - 앞쪽에 여백이 들어가있다. - 긴 인용문 속성 : cite = "" - 인용문 출저 url을 넣어준다. / 브라우저만 알고 있는 정보이다. "문자에 쌍따옴표를 묶어준다." - 짧은 인용문 - p태그에 블록요소가 들어오면 안된다. - 띄어쓰기, 줄바꿈 등 요소내의 공백문자를 그대로 유지하여 나타낸다. - 고정폭의 글꼴을 가지고 있다. ex) AAAAA, IIIII의 폭이 모두 같게 나타낸다. - 독립적인 콘텐츠를 나타낸다. - img태그와 figcaption으로 이미지와 문구를 같이 묶어서 나타낸다. - 이랑 같이 사용된다. / 문구! - , , 등 다양한 텍스트요소와 같이 사용할 수 있다. - 가로 줄을..