본문 바로가기

전체 글

(127)
스코프와 클로저 스코프 범위가 중괄호(블록) 또는 함수에 의해 나뉘어지고, 그 범위를 스코프라고 부릅니다. 변수 접근 규칙에 따른 유효 범위로 사용합니다. 프로그래밍 언어에서 유효범위는 어느 범위까지 참조하는 지를 뜻합니다. 유효 범위의 종류에는 크게 두 가지가 있습니다. 전역 스코프 (Global scope) : 스크립트 전체에서 참조되는 것을 의미하며, 어느 곳에서든 참조 됩니다. 지역 스코프 (Local scope) : 정의된 함수 내에서만 참조되는 것을 의미하며, 밖에서는 참조 되지 않습니다. 스코프의 규칙 1. 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능합니다. 반면에, 안쪽에서 선언한 변수는 바깥쪽 스코프에서는 사용할 수 없습니다. 2. 스코프는 중첩이 가능합니다. 스코프는 마치 중첩된 울타리와..
원시 자료형과 참조 자료형(Primitive type & Reference type) 원시 자료형(primitive data type) 객체가 아니면서 method를 가지지 않는 6가지의 타입: number, string, bigint, boolean, null, undefined; number: 숫자 2 string: 문자열 "hi" bigint: 이의 제약 없이 정수를 다룰 수 있게 해주는 숫자형 boolean: true false undefined: 값이 할당되지 않았을 때 symbol: 심볼 (null): 비어있음을 뜻합니다. 값을 고의적으로 비어있게 만들 수 있습니다. bigint 참고자료: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/BigInt BigInt - JavaScript |..
CSS 기초 CSS를 작성해서 간단한 UI를 만드는 일은 개발자의 기본적인 소양입니다. 콘텐츠를 적당한 위치에 배치하는 레이아웃 디자인은 디자이너가 아니라도 개발자라면 꼭 할 수 있어야 합니다. id와 class의 차이점 id class # 으로 선택 . 으로 선택 한 문서에 단 하나의 요소에만 적용 동일한 값을 갖는 요소가 많음 특정 요소에 이름을 붙이는데 사용 스타일의 분류(classification)에 사용 box-sizing: border-box; 해주는 이유 margin, padding 때문에 사이즈가 변경되는걸 막기위해 Reset css 브라우저 사용을 초기화해주는 방법 *{ Box-sizing: border-box; Margin: 0; Padding: 0; } Body { padding: 0; backg..
객체(Object) 각기 다른 값을 가질 수 있지만, 입력해야하는 데이터의 종류가 동일한 경우 객체를 사용하면 손쉽게 데이터를 관리할 수 있습니다. 공통적인 속성을 가지는 경우 객체를 사용합니다. > 회원 주소록을 만들어 본다고 가정해보면, 한 사람에 대한 여러가지 정보가 들어간다. 예를들어 이름, 이메일, 사는 도시....등 하지만 이러한 사람들의 정보가 여러개라면 객체를 사용하는 것이 좋음. 객체는 주소록에 적합한 자료 구조이다. 객체의 선언은 다음과 같다. // 객체는 키와 값 쌍(key-value pair)으로 이루어져 있습니다. let user = { // 중괄호(curly bracket)을 이용해서 객체를 만듭니다 firstName: 'Bryan',// lastName - 키(key) lastName: 'Teo'..
배열 대량의 정보를 보관하고 관리할 수 있는 배열에 대해 학습해봅시다. 배열: 순서가 있는 값 값: 요소(element) 순서: 인덱스(index) ex) 0번째 인덱스의 값, 1번째 인덱스의 값... 배열은 대괄호(square bracket):[]을 이용해서 만든 후 각각의 원소(element)는 쉼표(comma)로 구분해줍니다. 값은 인덱스를 이용해서 접근합니다. let number = [23, 34, 12, 25]; //"number라는 배열의 3번째 인덱스"를 조회하려면 number[3]; // 12 //"number라는 배열의 3번째 인덱스"의 값을 변경하려면 number[3] = 486; number; // [23, 34, 486, 25]; 연습 let fruits = [ 'goldkiwi', 'o..
Linux 이것저것 Linux Clear 치면 다 클리어 됨 Pwd로 위치 확인하고 여는 습관 가지기 명령어를 설정해서 터미널에서 실행한거랑 동일하게 처리 가능 cicd- continuous intergration continuous deployment 유지 보수 실행 한번만 시키는걸로 내가 원하는 폴더 구조를 만들 수 있고 그 폴더 구조안에 원하는 프로그램을 다운받고 실행할 수 있게 하는것. 유닉스- 리눅스 : 운영체제 쉘: 프로그램 CLI: 인터페이스 기억해야할 명령어- (검색: 리눅스 명령어) Mkdir touch nano code cim vi emac rm ls cp mv git Git checkout git push git pull ;;; Git -help / Git push —help / q 누르면 나가짐 Mkd..
Git memo,, 정상적인 git 사용할 때에는 Clone->코드수정->add->commit->push 만 사용하면 된다. fork는 브라우저에서만 가능. fork 후에 다운로드하기. 다운로드 zip파일이 아니라 https copy를 하면 더 편리! 탭 버튼 누르면 자동완성! 커밋 메세지 중요 컨벤션 맞춰서 통일성있게! 커밋 메세지 작성 방법 구글링하기 커밋 메세지에는 개인 번호가 있음 로컬에 있는 것은 remote repositor에 있는 파일은 삭제가능. reset 명령어 쓰면 됨 지금까지 변경사할 확인 명령어는 log commit HEAD~1 HEAD~2 커밋 내용 삭제하는 법 pull request 해서 기업이 검토할 수 있게 하는 것. [ 기업 network 에 들어가보면 network graph가 있는데, 네트..
Number()&parseFloat() & parseInt() Number() - 문자열을 숫자로 바꾸는 함수, 만약 인수를 형변환 할 수 없다면 NaN을 리턴 Number('123') // 123 Number('+123') // 123 Number('1.23') // 1.23 Number('-1.23') // -1.23 Number(null) // 0 Number('') // 0 Number('5000won') // NaN Number('bryan') // NaN parseFloat() - 문자열을 실수로 바꾸는 함수 실수: 유리수와 무리수를 통틀어서 실수라고 한다. (4/7, 8/9 등은 정수가 아니고, +9, -5, 0 등이 정수) 유리수: 분자와 분모가 모두 정수인 분수로 나타낼 수 있는 수로 양수(+), 0, 음수(-)가 모두 포함된다. (쉽게 모든 수가 ..

반응형