[JavaScript] 객체 접근연산자와 동적 바인딩
·
기초학습
소스타임코드가 작성되는 시점 실행타임(런타임)코드가 동작하는 시점 런타임에서, 작성된 객체 안에 새로운 값을 넣어줄 때, 접근연산자를 사용한다. 객체 접근연산자 종류.(dot)[ ] braketconst obj = { id: 'clara',};obj.name = 'hyejin'; //name이라는 key를 생성 후, 'hyejin'이라는 값을 할당console.log(obj); //{ id: 'clara', name: 'hyejin' } 자바스크립트 객체의 동적바인딩(문법)동적으로 실행시간에 새로운 키에 새로운 값을 연결시킨다. 객체의 속성에 접근하는 접근연산자 2가지의 차이점console.log(obj['name'])// 'name'는 문자열// 값(데이터)이다.// 실행시간(런타임)에 값을 바꿀 수 ..
[JavaScript] 상태(state)란, const를 많이 써야하는 이유는,
·
기초학습
상태(state)변하는 것무엇에 따라 바뀌는 것 데이터(data)상수변하지 않는 값변하지 않는 특성🌱데이터(상수)를 바꾸고 싶어서, 변수라는 개념이 필요했다 변수 식별자varlet 블록스코프재선언 불가, 재할당 가능const블록스코프선언 시 초기화 안하면 에러(초기화까지 필수)재선언 불가, 재할당 불가 왜 const를 많이 써야 하나상태를 최소화하기 위해서재할당이 가능한 let을 사용하면, 불안전하기 때문(버그 생길 가능성 있음)🌱 변수를 쓸 때 const를 많이 쓰자
[JavaScript] 객체(Object)는 값을 묶는다
·
기초학습
여러 값을 하나의 값으로 묶는 역할, 문법key와 value로 표현각각의 값을 콤마로 구분객체는 중첩이 가능하다 (중첩객체)let hyejin = { name: 'hyejin', // key: value gender: 'female', body: { tall: 150, foot: 230, blood: { rhPlus: true, type: 'AB', }, },};  객체 안의 함수(메소드)let text = 'hello';console.log(text); // 'hello'console = { log: function(a){ ... }} console이라는 객체 안에 log라고..
[JavaScript] 실행(Run)이란,
·
기초학습
소스코드(텍스트로 구성) -> 변경 -> 실행(Run) 소스코드하드디스크(HDD)에 저장되어 있음이 상태에서는 CPU가 실행을 못시킴변경그래서, 컴퓨터가 해석할 수 있는 상태로 변경하고,변경한 코드를 메모리(RAM)에 적재(fetch)함실행CPU; 명령어를 실행하는 주체(hardware)CPU는 한번에 하나씩 메모리로 부터 변경된 코드를 가져와서 실행 브라우저 런타임(runtime,실시간)환경에서,자바스크립트 소스코드는 웹서버에 저장되어 있음인터넷 네트워크 통신망을 통해 브라우저에서 소스코드를 요청하면 웹서버로부터 소스를 전달받음브라우저에 내장된 자바스크립트 엔진(컴퓨터로 치면 CPU)에서 소스코드를 변환시켜 동작시킴
[JavaScript] 기본 원칙들
·
기초학습
선언형언어(HTML,CSS)함수형언어명령형언어 자바스크립트는 함수형언어와 명령형언어 두가지 특징을 모두 가짐자바스크립트는 값(정확히는 식)과 문(statement)으로 구성 식(expression)이란? 기능을 갖고 있는 것 (예) 1+1값(value)이란? 데이터(정보) (예) 1= 기호는? 오른쪽 항의 값을 왼쪽 항의 값으로 옮긴다, 할당한다는 뜻 ∴ 자바스크립트에서 식(expression)은 값(value)이라고 할 수 있다. (∵ 식은 결과적으로 반드시 값이 됨)  값에 의미를 부여할 수 있는 방식 => 식별자(identifier)를 쓴다 식별자의 종류변수함수클래스 식별자의 네이밍규칙예약어 x공백포함 x숫자로 시작 x기호사용 제한적 ( $, _ 만 가능)
4가지 프로그래밍 역량
·
기초학습
일관성유연성확장성독립성 👩🏻‍💻 빠르게 배워야 할 것트렌디한 기술들프레임워크라이브러리UI/UX디자인패턴 👩🏻‍💻 나중에 배워도 되는 것상대적으로 내가 시간투자를 많이 해야 하고배우는데 학습비용이 많이 들고 어려운 것꼭 학습해야 하는 기초적인 것학습부채의식 중 하나네트워크운영체제컴퓨터(시스템)구조논리학대수학언어론 👩🏻‍💻 반복해서 배워야 할 것변화의 속도가 느린 지식들프로그래밍 언어프로그래밍 패러다임자료구조보안알고리즘
[GitHub] 로컬 develop 브랜치에서 원격 main 브랜치 push 하는 법
·
Frontend/Git, GitHub
내 로컬 develop branch에서 원격저장소의 GitHub main branch로 곧장 push를 하고 싶을 때가 있다. 원래,GitHub 원격저장소에 develop브랜치를 만들고, 해당 devlop브랜치의 소스를 받아와서 push 하는게 쉽다.(로컬 develop 브랜치에서 원격 develop 브랜치로 push 후, 원격 main 브랜치로 merge 하기 위해 PR을 날린다) 원격저장소의 main 브랜치에서 내 로컬로 가져왔다내 로컬에서 main 브랜치로 계속 개발하다가, develop 브랜치를 만들었다내 로컬에서 develop 브랜치로 개발한 것을 원격저장소의 main 브랜치로 곧장 push 하고 싶다면,로컬 브랜치 작업내용 원격 저장소 push// git push origin : 🙋🏻‍♀️..
[MacOS] Spotlight🔎 파일/앱 인덱싱 재설정하기
·
Tips
MacOS Ventura 이후 버전에서,Spotlight 에서 visual studio code 검색이 안됨 🤦🏻‍♀️ Spotlight에서 어플리케이션 검색이 되도록 인덱싱 재설정을 해보자. Terminal 켜고,1. 현재 작동중인 Spotlight 기능을 일시적으로 끈다.(Spotlight 비활성화)sudo mdutil -a -i off 2. Spotlight 활성화한다. (인덱싱이 좀 오래 걸린다)sudo mdutil -a -i on 3. 그런데 Activity monitor에 mds_store와 mds 파일들이, 엄청나게 cpu를 점유하기 시작했다. (새로운 문제 🤦🏻‍♀️)4. 이 mds_stores는 spotlight와 관련된 것인데, 검색 인덱싱을 다시 비활성화하였더니 점유율 문제가 ..
[MacOS] VS Code 동일한 문자열 전체 찾기🔎 및 전체 수정 🍯🐝
·
Tips
찾고자 하는 단어 위 아무데나 커서를 올려놓고,Command + D 모두 찾은 상태에서,Shift + Command + L 누르면 한번에 수정 가능