CodingCredit

코드스테이츠 프리코스 2주차 후기 어느덧 코드스테이츠에 참여한지 2주가 지났다. 이런 후기글을 쓴다는게 엄청 낯설지만 쓰레기를 쓰셔도 괜찮다는 말에 가벼운 마음으로 써보도록 하겠다. 코드스테이츠를 선택한 이유 개발 공부를 하겠다는 마음을 먹고 가장먼저 국비지원, 부트캠프를 알아봤다. 지금까지의 나를 돌아보면, 강제성이 나를 압박할 때 가장 결과가 좋았기에 혼자공부하기보다는 이러한 곳에서 강제로라도 공부하고 싶었다. 11월쯤에 남궁성 강사님의 국비지원교육이 열렸고 테스트를 봐서 수강생을 뽑는다는 소식을 들었다. 2주간 자바의정석을 보면서 공부했고, 학원에가서 손코딩 테스트를봐서 합격했다. 하지만, 다니던 직장의 고용보험의 상실신고 과정에서 문제가 발생해서 참여할 수 없게되었다. 그때의 상실감이란.. 점점 ..

BEM과 SCSS 맛만보기! 맛만보기 맛만보기 맛만보기 맛만보기.. 맛만보기? 이렇게 되뇌이다 보면 한글이 내가알던 한글인가 하는 느낌이 들 때가있는데 이를 게슈탈트 붕괴현상이라고 한다. 오늘은 코드스테이츠 수강생분 중 한분께서 Sass(Scss)에 대한 설명과 실습을 다루는 소모임을 여신다고해서 3시간가량 참여하였다. 자신이 아는 개념을 설명한다는 게 진짜 어려운 일일텐데, 많이 준비하신 듯 하고 대단하다고 생각했다. 실습을 하면서 들으니 확실히 집중도 잘되고 재밌었다. 감사합니다!! BEM (Block Element Modifier) 트위틀러 과제를 진행하면서 css에 무수히 쏟아지는 셀렉터들을 보고 '이걸 다른사람이 보면 html이랑 엄청 번갈아 봐야, 웹페이지의 이미지가 그려지겠다.&#39..

CSS에서 vh,vw와 %의 차이 vh = viewport height vw = viewport width vh와 vw 모두 width, heigth에 쓸 수 있다. vh와 vw는 열려있는 화면 전체의 상대길이이기 때문에 스크롤바를 포함한 길이를 반환한다. 반면에 %는 창이 중심이 아닌, %를 쓰고있는 엘리먼트의 부모 엘리먼트의 길이에 맞게 반환된다. 또한, 전체 화면의 %를 쓴다 하더라도, 스크롤 바를 포함하지 않은 현재 화면의 길이만을 반환한다. vmin과 vmax viewport의 길이 중 더 긴 길이를 기준으로 삼으면 vmax, 더 짧은 길이를 기준으로 삼으면 vmin.

arr.slice(start,end) start부터 end미만의 인덱스를 복사한다. end가 arr의 length를 초과하면 그냥 마지막 인덱스 까지 slice한다 start가 end보다 크거나 하는 등, 범위가 적절하지 않으면 빈 배열이 출력된다. arr.slice()는 배열 복사용으로 자주 쓰인다. slice로 복사한 값에 변화를 줘도 원본에 영향을 주지 않는다. 아직 확실하진않지만 내 생각으로는, slice는 immutable method이니까 slice한 값을 새로운 주소에 저장는 듯 하다. 객체의 길이 구하기 문자열이나 숫자, 배열에서는 .length 메쏘드를 쓰면 길이를 구할 수 있지만 객체에서는 그렇게하면 undefined가 출력된다. 따라서 Object.keys(obj).length로 길이..

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..