엘리스 SW 엔지니어 트랙/TIL

실행 컨텍스트 / 일반 함수와 화살표 함수의 this / Closure

실행 컨텍스트 execution context JS가 어떻게 작동하는지 원리를 파악할 수 있기 때문에 중요하다. JS는 인터프리터 언어라고 말하지만 컴파일의 언어의 면모도 있다고 한다. JS엔진은 어떤 코드도 없는 경우에도 실행 컨텍스트를 초기화한다. n0='n0'; // 어디서 실행하든 글로벌 변수다. var v0='v0'; let l0='l0'; const c0 = 'c0'; console.log(v0, n0, l0, c0); // v0 n0 l0 c0 console.log(window.v0, window.n0, window.l0, window.c0); // v0 n0 undefined undefined function fn2(){ n2='n2'; console.log(n0, n1, n2); // n..

컴포넌트

컴포넌트? render() 를 통해 HTML 요소를 반환하는 함수 독립적이고, 재사용이 가능한 작은 UI 조각 Javascript 함수와 동일한 용도로 사용 복잡한 웹을 작게 컴포넌트로 쪼개어 재사용이 쉽고 효율적으로 관리가 가능하다 컴포넌트 사용규칙 컴포넌트 이름은 대문자로 시작 return 내에 있는 건 태그 하나로 묶기 함수형 컴포넌트 vs 클래스형 컴포넌트 원래는 클래스 컴포넌트를 사용하며 코드가 장황하고 길었음, 하지만 react16 에 훅스 가 발표되며 대체 정리 함수형 : 덜 복잡한 UI 로직, Component 선언이 편함, 클래스 형보다 메모리 자원 덜 사용 클래스형: Class 키워드 필요, Component 상속, Render() 메소드 반드시 필요, 함수형보다 메모리 자원 더 사용

CSS, GIT

CSS 1. Transform 2. Transition 3. Animation Git 1. 특징 : 가지 치기와 병합, 가볍고 빠르다, 분산 작업, 데이터 보장, 준비 영역, 오픈 소스, Git 호스팅 서비스 2. add 3. commit 4. status 5. log (git log --graph --all : commit graph 확인) 6. branch 7. checkout 8. merge 9. clone 10. remote ( rename "origin_name" "something", show origin, rm "some_repo") 11. pull 12. fetch 13. origin이 무엇인가? 만들어진 원격저장소의 이름의 default 값 14. reset 15. rebase 16. -..

HTML,CSS

HTML CSS - flex (학습 사이트 어떤 고마운분이 좋은 사이트를 공유해주셨다.) - grid - media -> 화면크기에 맞게 설정 - useragent stylesheet -> 사용자 브라우저에 정의되어 있는 디폴트 속성값이다 운동 하체 맛있게 먹었다~ 물론 오후에.. 아침운동가기 넘 힘들어..ㅠ

HTML, CSS

나중에 엘리스 SW 엔지니어 트랙을 진행하며 배운 것이 있나 확인하고 싶어 기록해보려고 한다! 끝까지 힘내보자! 오늘은 온라인 강의를 통해 혼자 학습하였다. 기존에 알던 부분들이 많아 크게 어렵지는 않았다. 추후에 모르는 부분이 나오면 지금이 그리워질 것 같아 많이 즐겨둬야겠다~ 웹 지식 - 웹 사이트 제작 시 고려사항 HTML, CSS - 웹 접근성 고려한 속성 작성 - p 태그 - a 태그 - 마진변합현상 운동 자느라 아침운동 못갔다.... 내일은 꼭 아침에 가야지