목록프론트엔드 공부/클론코딩 실습 (14)
On a couch
1. 피그마 & git (git bash) & node 1) 피그마 : 프론트엔드 디자인 툴 2) git bash : 컴퓨터를 현재 os와 상관없이 리눅스 언어로 제어할 수 있게 해 주는 것. (오호!) 2-1) github과 vscode 연결하기 gitbash에서 repository를 복사해 올 폴더로 이동 'git clone' + repository url 입력 2-2) vscode에서 terminal 열기 : ctrl + ` (토글) 3) node sass 설정 *LTS버전(Long Term Support, 장기 지원 버전) : 큰 버그 없이 오래 사용할 수 있는 버전 *document : https://www.npmjs.com/package/node-sass 3-1) package.json 만들..
https://nomadcoders.co/react-for-beginners/lectures/3260 익숙해지고 싶다 : object = 객체. 자바스크립트는 객체(object) 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 “모든 것”이 객체이다. element = array(배열) = 한 이름 아래 여러 item을 [ ] 안에순서대로 저장한 것 property() = 프로퍼티는 프로퍼티 키(이름)와 프로퍼티 값으로 구성된다. array와 달리 순서를 보장하지 않는다. method(메소드) = 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메소드라 부른다. 즉, 메소드는 객체에 제한되어 있는 함수를 의미한다. *블로그 정리글 참조함 #2 [2021 UPDATE] THE BASICS ..
1. 미디어쿼리 이용 시 html 전체영역 사이즈 오류 야심차게 'how to use mediaquery with javascript' 검색해서 도전했는데 자꾸 공백이 생기길래 뭔가 했더니 body 사이즈가 말도 안되게 바뀌어 있었다. 어떤 감사하신 분이 '참조할 전체 사이즈가 설정되어 있지 않아서 그렇다'고 답을 주셔서 해결됐다 ㅠㅠㅠㅠㅠㅠ https://kinsta.com/blog/javascript-media-query/ css에 이거 두 개 적어넣고 해결됨 ㅠ html { height: 100%; } body { min-height: 100%; } 2. 화면 배열하기 이게 쉽게 되는 게 아니구나 ^^ CSS도 베이직에서부터 차근차근 공부해야겠다. https://www.codingfactory.ne..
강의 메모 니꼬쌤 사랑해요 #2 [2021 UPDATE] WELCOME TO JAVASCRIPT 더보기 #2.3 const and let (09:45) const : 바뀌지 않을 변수 let : 후에 변경 가능한 변수 var : 예전엔 이것만 있었다. 변경 가능. 쓰지 말 것. #2.4 Booleans (07:22) null : '아무것도 없음'의 의미. 절대 자동적으로 발생하지 않고, '이 변수는 비어 있음'을 js에게 알려주기 위해 코더가 일부러 적어 넣는 데이터타입. undefined : 어떤 변수가 생성(let)되기는 했는데, 정의(=)된 값이 없을 때 js가 표시하는 데이터타입. #2.10 Recap II 함수 : function( ); 코드의 캡슐화! () 안 매개변수(place holder)..