JavaScript _ 변수&상수, 조건문&반복문
- let : 변수 생성 키워드 const : 상수 생성 키워드 var : 레거시 키워드 변경 가능한가의 차이 let - 변경 o const - 변경 x * 조건문 if if (조건1) {조건1이 참일 때 (1)} else if (조건2) {조건1이 거짓 / 조건2가 참일 때 (2)} else {조건1,2가 모두 거짓일 때 (3)} 삼항 연산자 ( ...
HTML/CSS를 공부하며
HTML/CSS를 공부하면서 느낀점 평소에 별 생각 없이 봤던 효과들을 직접 구현해보니 내가 의도했던대로 구현하기 힘든 반면에, 눈으로 바로 확인할 수 있었던 점은 재미있었다. HTML/CSS 공부하면서 어려웠던 개념과 이유 flex 기능을 제대로 응용하지 못할 때에는 배열들이 뒤죽박죽 나와 당황했었다. 제로베이스 온라인 강의 중 가장 도움이 되었던 강...
JavaScript _ 배열 요소의 추가와 제거
- unshift : 배열의 앞에 요소 추가 push : 배열의 끝에 요소 추가 > - shift : 배열의 앞에 요소 제가 pop : 배열의 끝에 요소 제거 ex1) ex2) ex3) > * splice : 배열의 기존 요소를 삭제, 교체하거나 새 요소를 추가하여 배열의 내용 변경 ...
JavaScript _ 객체 배열 순회
* Object.keys() : 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 열거될 수 있는 배열로 반환 ex) * Object. values() : 배열이 아닌 객체를 넣으면 열거 가능한 값들로 이루어진 배열로 반환 ex) * Object. entries() : 객체를 인자로 받아 [key, value] 쌍...
JavaScript _ 객체 생성
1. 싱글 리터럴 객체 2. 생성자 함수로 객체 생성 3. Object.create (프로토타입 세밀 조정) * 프로퍼티 열거
CS이론 _ GNU / 리눅스(LINUX)
* 리눅스(LINUX) 프로그래밍 할 때 많이 사용되는 환경 클라우드 컴퓨팅 (AWS), 도커 등 서버 기본 기술과 함께 많이 사용 작은 성능을 제공하는 임베디드 시스템에서도 많이 사용 (대표적: 안드로이드) * GPL 라이선스 어떤 목적, 형태로든 사용할 수 있지만 소스 오픈을 장려하기 위해 재배포 시 동일 GPL 라이선스로 공개해야 함...
JavaScript _ 연산자
* 할당 연산자 : 우항에 있는 것들을 왼쪽에 담아주는 것 const x; // 할당 연산자 x= ''; // 이미 선언된 변수에 할당 const y = ''; // 변수를 선언 & 할당 --> 초기화 * 삼항 연산자 : 3개의 피연산자, 조건 연산자 값, 식, 문 중 값, 식만 들어올 수 있음 const val = (조건) ? 참일때 :...
JavaScript _ Truthy & Falsy
* Truthy (참 같은 값) : 불리언을 기대하는 문맥에서 true로 평가되는 값 거짓 같은 값으로 정의되지 않으면 모두 참 같은 값으로 평가 if (true) if ({}) if ([]) if (42) if ("0") if ("false") if (3.14) if (Infinity) 등 .. * Falsy (거짓 같은 값) : else를 통해 실행...
JavaScript _ typeof 원시 값
* JS Type - 원시 (Primitive) : 값 자체로 봄, 불변하다는 특징 typeof undefined; --> 'undefined' typeof true; --> 'boolean' typeof 'string'; --> 'string' typeof 123; --> 'number' typeof 9007199558425855n; --> 'bigi...
지난 한달간의 회고, 앞으로의 학습 계획
프론트엔드 공부를 시작한 지 한 달이 다 되어간다. 새해를 맞이해 세워놓은 다양한 계획들과, 길어진 학습 환경 세팅 기간으로 강의가 매주 밀리는 바람에 평일 주말할 것 없이 매일 따라잡아나가고 있다. 공부를 처음 시작할 때 매일 할 일을 꾸준히 하겠다고 다짐했으나 완벽히 지키지 못해 약간은 부끄럽다. 그래도 공부를 하기 위해 하루를 규칙적으로 보내는 ...
내가 가고 싶은 회사와 선택하는 기준
대략 어떤 회사를 가고 싶은지 분류해보았다. 업종: 건강, 운동, 헬스케어 기술 스택: 내가 관심 있는 기술 스택을 쓰는 회사 위치나 지역: 지역은 상관 없으며 이동 시간이 짧은 위치 복지: 개인 공부하는데 들어가는 비용 지원 동향 파악을 위해 채용 플랫폼에서 어떤 프론트엔드 개발자를 뽑는지 확인하고, 나의 기술 스택과 맞는 회사가 얼만큼 있는지 알...
프론트엔드와 백엔드 개발의 차이점은 ?
개발자는 웹을 개발하는 역할을 하지만 그 중 프론트엔드, 백엔드라는 차이점이 있다. 프론트엔드는 사용자가 눈으로 보는 영역을 구축하고 기능을 구현하는 것이다. 시각적인 디테일을 꼼꼼하게 신경 쓰는 것이 중요하며, 나아가 사용자가 서비스에서 편리한 경험을 할 수 있도록 제공해준다. 백엔드는 사용자가 보고 있는 홈페이지에서 사용자가 필요로 하는 정보를 저장...
JavaScript _ 자바스크립트 기본 문법
* 값 (Value) 더 이상 나눌 수 없는 값 자료형(Data type)을 간단히 이루는 값 숫자형 - 1 불리언(논리) - True 문자 - 'A' 문자열 - 'ABC' * 변수 (Variable) 다양한 값을 담을 수 있는 박스와 같은 컨테이너 값이 저장된 메모리 주소와 이름을 연결 ex) 변수명(언어) ~ 할당 연산자(=) ~ 값('JavaSc...
JavaScript _ 자바스크립트란?
* 자바스크립트 (JavaScript) : 객체 기반의 스크립트 프로그래밍 언어 * 개발환경 및 도구 에디터 : 젯브레인 or VScode + Live Server Nodejs + NWM 추천 Github 브라우저 : 크롬, 파이어폭스, 사파리, 웨일 터미널 도구, PostMan MDN Web Docs - ECMAScript 최신형 모던 javascr...
CS이론 _ 운영체제 : inode 파일 시스템 구조
* inode 방식 파일 시스템 : 기본적으로 블록 단위로 이루어짐 수퍼 블록 : 파일 시스템에 대한 정보 아이노드 블록 : 각각의 파일에 대한 상세 정보 데이터 블록 : 실제 데이터가 들어가있는 블록 inode 기반 메타 데이터 : 파일 권한, 파일 사이즈, 소유자 정보, 데이터 저장 위치 등 inode를 대표하는 해당 파일을 대표하는 정보를 모아놓은...
CS이론 _ 운영체제 : Thread의 장단점과 동기화 이슈
Thread 장점 응답성, 성능 향상 프로세스 안에서 처리가 되어 별도 공간 추가 필요x, 자원공유의 효율이 높다 작성하기 나름이지만 작업이 분리되어 코드가 간결 Thread 단점 한 스레드만 문제 생겨도 전체가 영향 많이 생성하면 스케줄러에서 스위칭이 많이 일어나 성능 저하 동기화 이슈로 비정상적, 예상 밖의 동작 가능 Thread vs Process...
HTML/CSS 실습 _ vscode 단축키
현재 창 닫기 : ctrl + w 닫은 창 다시 열기 : ctrl : shift + t 사이드바 탐색기 : ctrl : shift + e 사이드바 전체 검색 : ctrl : shift + f 들여쓰기 : Tap 혹은 ctrl + ] 내어쓰기 : Tap 혹은 ctrl + [ 아래 행 삽입 : ctrl + enter 위에 행 삽입 : ctrl + shi...