인생 1회차 (First-Life) Ing

처음 배우는 개념이라 아직 어렵긴 하지만 정말 신세계다..! 자바스크립트 공부하기도 바쁜데 다시 CSS 공부하는게 맞나 싶었는데 몰랐으면 후회할 뻔! 참고 (1분코딩 블로그) : https://studiomeal.com/archives/533 ※ 그리드에 대한 오해? "Grid는 인터넷 익스플로러에서 지원하지 않기 때문에 우리나라에서는 그림의 떡이다" X. IE10과 11에서도 구버전 스펙을 지원하기 때문에 좀 귀찮기는 해도 방법이 있다! 분명 한계는 있지만 뭐가 다른지를 잘 알아두고 대응하면 충분히 사용 가능! Grid 레이아웃을 만들기 위한 기본적인 HTML 구조 A B C D E F G H I 용어정리 그리드 컨테이너 (Grid Container) : display: grid를 적용하는 grid 전..

👉인프런에서 수강하는 1분코딩 강의 노트 flex는 html, css 하면서 한 번 공부했는데 Grid는 해본 적이 없어서 flex 복습 겸 grid 공부! 새로 알게된 내용도 있어서 신기ㅎㅎ 출처 : 1분코딩 블로그 https://studiomeal.com/archives/197 Flex 레이아웃을 만들기 위한 기본적인 HTML 구조 Hello flex bye Flex 컨테이너에 적용하는 속성들 display : flex 아이템들은 가로 방향(기본)으로 배치됨 자신이 가진 내용물의 width 만큼만 차지하게 됨 (inline 요소처럼) height는 컨테이너의 높이만큼 늘어남 inline-flex도 있는데, 이건 block과 inline-block의 관계와 같음 아이템들이 배치된 방향의 축을 메인 축 ..

남들이 봤을 때도 딱 알아보기 쉽게 정리하고 싶은데 (그래야 내가 나중에 다시 보기에도 쉽고) 정리가 너무 조잡한 거 같네.. ㅠㅠ 스코프, 스코프 체인 개념은 다시 봐도 어렵다 헿^^ 실행 컨텍스트 실행 컨텍스트execution context : 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 스택 : 출입구가 하나뿐인 깊은 우물 같은 데이터 구조, 저장할 수 있는 스택이 넘칠 때 에러가 남 (ex. 데이터를 a, b, c, d 순으로 저장했다면 d, c, b, a 순으로 꺼냄, 후입 선출) 이것이 스택오버플로우의 그 '스택'!! 큐 : 파이프처럼 양쪽에 입구와 출구가 있는 구조 (ex. 데이터를 a,b,c,d 순으로 저장했다면 a, b, c, d 순으로 꺼냄, 선입선출) 동일한 환경에 있는 코드들을..

인사이드 자바스크립트 후반부(프로토타입 체이닝 실행컨텍스트 스코프체인 클로저 등)는 거의 이해가 안되길래 책을 바꿔서 공부하고 다시 돌아가서 보려고 한다ㅎㅎ 목차를 보니 마침 내가 이해 못했던 부분 위주로 구성돼있음! 어차피 이쪽 책은 꾸준히 봐야 되니까...! 이것도 이해 못하면...? ㄱㅊㄱㅊ~! 다음 책 또 찜해놓음^^ . . 그런데... 그것이 일어나고야 말았다 저번책보다 더.. 어려운 책인 것 같다.. ㅎㅎ; 예제로 나오는 코드 이해를 못하겠어 ㅠ^ㅠ 데이터 타입의 종류 기본형(원시형Primative type) : 숫자number, 문자열string, 불리언boolean, null, undefined, 심볼Symbol(ES6 추가) 할당이나 연산시 복제 값이 담긴 주솟값을 바로 복제 불변성imm..

혼자 독학하다보니 내가 제대로 공부하고 있나 이걸 공부하는게 맞나 이 속도가 맞나 조금이라도 나아지고 있는 건가 라는 생각이 계속 든다ㅎㅎ 같은 걸 배우고도 남다른 결과를 만들어내는 사람들을 보면 더 비교되고 불안하고 막막하다 무작정 밀어넣는 주입식 교육에만 익숙했지, 혼자 해보고 응용해보고 이것저것 만들어보는 쪽엔 재능이 없는 것 같기도 하고... 뜻대로 안되는 환경에, 마인드컨트롤에, 내 학습력에 괜히 서러운 날이다