코드노트

등차수열 : 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으로 이미지와 문구를 같이 묶어서 나타낸다. - 이랑 같이 사용된다. / 문구! - , , 등 다양한 텍스트요소와 같이 사용할 수 있다. - 가로 줄을..

javascript는 알고리즘 공부를 처음 시작할때 레퍼런스나 예시문제들이 많이 없어서 어려웠다. 풀이나 예제문제들을 찾기도 힘들었는데 이번 제로베이스 프론트엔드 과정에서 연습문제를 보면서 공부를 하니깐 어느정도 감은 잡히는거 같다. 알고리즘 공부를 어떻게 시작해야할지 갑갑했는데 그냥 무작정 반복학습으로 이러한 문제 유형들은 이렇게 풀어야하는구나! 라고 생각하면서 공식들을 외워가고있다. 이게 맞게 하고 있는지는 모르겠지만... 문과였던 나는..지금으로선 이방법뿐이다.. 생각하는 루트가 처음에는 한가지 두가지였다면 이제는 세가지 네가지 들이 생각나는거 같다! 1. 자연수를 입력 받은 만큼 문자열을 반환하는 함수. 자연수를 입력을 받아서 문자열로 반환하는 함수는 어렵지 않다. for문을 통해서 자연수만큼 반..