Im Bay

JavaScript - 문자열과 정규 표현식 padStart, padEnd startsWith, endsWith indexOf, includes, search substr, substring, slice toUpperCase, toLowerCase trim, trimStart, trimEnd Template Literal ex) const holiday = '한글날'; const month = 10, day = 9; `${holiday}은 ${month}월 ${day}일입니다.` // 한글날은 10월 9일입니다. function f(txts, a, b, c) { console.log('txts>>', txts); console.log('a>>', a); console.log('b>>', b); conso..

JavaScript - 객체 지향 프로그램 정적 필드 / 메소드 - Class(Static) Field / Method 특정 인스턴스와 무관하고 Class에 존재하는 함수(method) static 영역에 생성 인스턴스 프로퍼티를 참조할 수 없다. JavaScript는 public, private 만 있다! proctected 없음 Singleton Pattern 싱글톤 패턴 클래스 가져올 때 new 사용하지 말고 const 변수 = 클래스.getInstance(); 형식으로 가져온다. getInstance() static getInstace() { return this.#_instance || new this(); } Overriding 부모(super)의 함수(method)를 재정의 Accessor ..

JavaScript - 배열(Array) 배열(Array) 배열은 순서가 있는! 데이터 집합 0으로 시작하는 숫자형 인덱스 - 배열의 각 요소는(element) 인덱스로 접근 length 프로퍼티를 가지며, length를 조정하여 배열의 길이를 조절할 수 있다. (줄이면 제거, 늘리면 empty) 배열 Class(static) Methods 순수 함수(pure functions) concat, join, values indexOf, lastIndexOf, includes, findIndex, findLastIndex slice, entries, flat find, findLast some, every, map, filter forEach, reduce 비 순수 함수(non-pure functions) p..

JavaScript - 스트릭트 모드 strict(엄격) mode 오해의 소지가 있는 구문을 문법적으로 명확하게 평가 hoisting은 동일하나 block내 함수는 block scope를 갖는다. 'use strict'; strict mode의 특징 선언하지 않은 식별자는 access(접근)할 수 없다. 암묵적 전역(var, implicit global)은 허용하지 않는다. delete로 선언된 변수, 함수, 매개변수를 삭제할 수 없다. block내에서 var은 sloppy(느슨한) mode와 동일한 scope이지만, 함수는 block scope 이다. 한 함수에서 parameter(매개변수) 이름이 동일하면 안된다. NaN, Infinite 등의 전역 프로퍼티에 값을 할당하면 안된다. ESM modul..

JavaScript - 연산자와 제어문, 디스트럭처링 연산자 할당 ex) let x, y; x = y = 9; x +=y; x %= y; x &= y; x ^= y; object ex) const u = {id: 1, name: ‘hong’, age: 29}; let {id, name, addr} = u; let {id, …info} = u; ({id, name} = u); const arr = [1, 2, 3, 4, 5]; let [a, b, …c] = arr; [a, b] = [b, a]; 구조 분해 할당(destructuring) Object Destructuring const {id, name} = {id:1, name:’Hong’}; Array / Iterator Destructuring con..

JavaScript 시작하기 Primitive(원시) Type 숫자(Number, BigInt) number인 123과 bigint인 123n은 다르다! 덧셈 같은 계산도 안된다.(TypeError) 하지만 number + float는 계산 가능 string + bigint 계산 시 문자열 합하기로 되어져서 나온다. 문자열(string) ex) s = new String() ⇒ [string: ‘’] boolean undefined null type은 object Symbol Symbol은 unique, 안의 값이 같아도 일치 연산자로 비교 시 false 임. new 생성 불가 Object(객체)/Reference(참조) Type 객체({}, instance 객체) 빈 객체 선언은 new Object()..

Tailwind CSS Framework로 UI/UX 구성하기 tailwind 설치 및 실행 확인 https://tailwindcss.com/docs/installation tailwind 설치했는데 CSS가 적용이 안될 때! cmd 창에서 yarn dev 를 다시 실행해보자 tailwind의 CSS 적용 방식 html에서 이런 식으로 class 안에 꾸미는 코드를 안에 넣으면 output.css에 CSS 코드가 자동으로 추가된다! 코드가 자동 추가된 output.css .bg-sky-700 { --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity)); } .text-xl { font-size: 1.25rem; line-hei..

Bootstrap을 이용하여 화면 만들기 부트스트랩을 이용하여 회원가입 화면 작성하시오. 작성 코드 (signUpScreen.html) https://github.com/yubin-im/DigitalHanaro_TIL/blob/master/htmlcss/signUpScreen.html 게시판(list, view, write) 화면을 작성하시오. (tailwind 사용) 작성 코드(boardScreen.html) https://github.com/yubin-im/DigitalHanaro_TIL/blob/master/htmlcss/boardScreen.html [UI/UX 디자인과 구현(HTML/CSS)] HTML5/CSS3 고급 기법 form 태그 form 태그 안에 input 태그를 두어서 사용자로부터 ..

Git stash와 clean 임시 저장 git stash [save “label”] 임시 저장, 작업 내역 제거 작업 중이던 내용은 stash로 임시저장되고 사라진다. 여러개의 stash가 stack에 저장된다. (pop) git stash list stash 목록 git stash show stash log 상세 log는 git stash show -p git stash pop LIFO git stash drop LIFO 삭제 git stash branch 현재 작업 중인 내역으로 새로운 브랜치 생성 git stash apply [stashID] stash로 임시 저장해놓은 작업 중인 상태로 복원 git clean -n clean시 삭제될 파일 목록 git clean -d untracked file ..

컴퓨터 아키텍쳐 DBMS(Database Management System) RDBMS(MySQL, Postgresql, Oracle, MS-SQL) DocumentDB(MongoDB, DynamoDB, MySQL XDev/API) Network Router(Routing Table), DNS(Domain Name System), Switch, Hub TCP(Transmission Controll Protocol), UDP(User Datagram Protocol) Cloud(OnDemand/OnPremise) InfraaaS, PlatformaaS(Firebase, DevOps, Kubernetes, S3, BigQuery), SoftwareaaS(GoogleApps) Library/Framework, ..