CodingCredit

git (버전 관리 시스템) branch 사전적 의미 : 분기 일반적으로 작업시 feature브랜치 -> develop브랜치 -> master브랜치로 진행된다. 작업단계라고 생각하자. CLI (Command Line Interface) ~ 홈 디렉토리 / 루트 디렉토리 . 현재 디렉토리 .. 부모 디렉토리 파일이름의 공백은 \(백슬래쉬+공백)으로 작성한다. 자주사용하게 될 CLI 프로그램 Package Manager(프로그램 추가/삭제): Homebrew 텍스트 에디터: VIM 클라우드 서비스 관리: AWS CLI Today's ?! const로 선언된 변수는 재할당이 불가능 하다. 그러나 배열이나 객체와같은 참조타입 데이터가 할당되었을 경우에는 새로운 요소를 추가하거나 삭제할 수 있다. why? 주소값..

false인 값 5가지 '' 0 NaN null undefined NaN = Not A Number 숫자가 아니다. null = 값이없다. 빈값을 주려고 사용자가 null을 할당하기도 한다. 원시타입 데이터(primitive type data)와 참조타입 데이터(reference type data) 원시타입 데이터(primitive type data) number, string, boolean, undefined, null, bigint, symbol 고정된 저장공간을 차지하는 데이터 원시타입 데이터는 call stack이라는 곳에 저장한다. 자바스크립트가 크롬에서 돌아갈 때는 V8엔진을 따르는데, V8엔진의 메모리 모델이 call stack이다. 근데 참조타입 데이터인 함수도 call s..

배열과 객체 배열의 추가, 삭제 array.push(추가할 엘리먼트) //맨 뒤의 엘리먼트 추가 array.pop //맨 뒤의 엘리먼트 제거 array.unshift(추가할 엘리먼트) //맨 앞의 엘리먼트 추가 array.shift //맨 앞의 엘리먼트 제거 이 넷은 모두 mutable 메쏘드이다. 따라서, 리턴할 때는 변수에 할당을 해줘야한다. 변수에 할당하지 않은채 리턴하게되면 각 메쏘드마다 특정 값을 리턴하게되는데 예를 들어, array.unshift는 바로 리턴하면 array.length를 리턴한다. 문자열을 배열로, 배열을 문자열로 str.split('나눌기준') 문자열을 배열로 나눈다. 나눌기준이 ''면 커서단위(?)로 나뉘고, 스페이스가 자주쓰인다. 나눌기준을 적지 않고 str.split()..

CSS CSS의 속성 몇가지 border-radius 꼭짓점을 둥글게 만드는 속성 button{ border-radius: 30px; } overflow 박스보다 내용이 더 길 때, 어떻게 보일지를 설정하는 속성. (상속되지 않는다.) overflow:______ hidden 내용이 넘치면 자른다.( 내용을 자르는 게 아닌, 박스안의 이미지까지만 보인다.) auto 내용이 잘릴 때만 스크롤이 보인다. scroll: 항상 스크롤이 보인다. visible: 내용이 흘러넘친다. 의사 클래스(=가상 클래스) 의사 클래스는 셀렉터에 추가하는 키워드로, 선택한 요소가 어떤 특별한 상태여야 작동한다. a:link { /링크 방문 전/ color: red; } a:visited { /링크를 방문한 이후/ color: ..

시맨틱 태그 대략적인 구조 머리말 메뉴바 본문 제목 및 내용 콘텐츠 사이드바 꼬리말 HTML(Hyper Text Markup Language)은 웹에서 웹페이지의 뼈대를 만들고 레이아웃을 구성한다. 웹사이트마다 다르지만, 대체로 헤더(header), 내비게이션(Nav), 콘텐츠(main), 푸터(footer)의 조합으로 만들어진다. 헤더: 사이트의 이름이나 로고 등을 넣는다. 일종의 간판. 내비게이션: 페이지 전환, 로그인 등 사이트의 공통기능이 들어간다. 콘텐츠: 글 목록이나 본문 등 실제 내용이 들어간다. 푸터: 회사 정보나 약관 등의 부가정보가 배치된다. 왜 시맨틱 태그를 사용해야 하는가? 검색엔진 최적화(SEO: Search Engine Optimization) 사실 와 만으로도 웹사이트를 만들 ..

TIL 페어로 계산기를 만드는 과제를 진행했다. 페어분이 정말 잘하셔서 거의 수업받듯이 했는데, 배려를 많이 해주셨다. 화면공유로 내가 처음부터 작성하는 코딩을 실시간으로 피드백 해주셨다. 감사합니다. 함수에서 return은 함수가 중단됨을 의미한다. 어렴풋이 알고있었는데 페어분이 조건문의 결과를 return;으로 하시는 걸보고 물어봤고 설명해주셔서 좀더 명확하게 알 수 있었다. javascript를 링크하는 script태그는 어디에 위치할까? 크게 2가지로나뉜다. body의 가장 아래에 쓰던가, head안에 쓰던가. 1. body안 가장 아래에 쓰는 이유. 브라우저가 웹페이지를 읽을 때, html의 구조를 읽고 가장 나중에 javascript의 데이터를 읽어야 로딩이 적기때문이다. 2. head안에 쓰..