전체 글14 변수 선언, 전역, 지역, 재할당 등 이해 var, let, const의 차이 및 사용법 이해 (2) 변수의 생명주기 = 애플리케이션의 생명주기 but 함수 내부에서 선언된 지역변수는 함수가 호출되면 생성, 함수가 종료되면 소멸 함수 몸체 내부에서 선언된 지역 변수의 생명주기는 함수의 생명주기와 대부분 일치하지만 지역변수가 함수보다 오래 생존하는 경우도 있다. 메모리 공간은 더이상 누구도 참조하지 않을 때 가비지콜렉터에 의해 해제됨. 그러나 누군가 메모리를 참조하고있다면 해제되지 않고 확보된 상태로 남아 있게 된다. => (24장,클로저에서 추가) 전역변수의 생명주기 var 키워드로 선언한 전역 변수는 전역 객체의 프로퍼티가 된다. 이는 전역변수의 생명주기가 전역 객체의 생명주기가 일치한다는 것을 말한다. *전역객체 : 코드 실행 이전단계에 자바스크립트 엔진에 의해 어떠 객체보다도 먼저 생성 되는 특수 .. 2023. 12. 29. bootstrap grid 📖 시작하기 - 세팅 나는 수정도 해보고 할거라 다운받아서 작업했다. https://getbootstrap.com/docs/5.3/getting-started/download/ Download Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more. getbootstrap.com 📖 작성하기 https://getbootstrap.com/ 화면에서 기본 12컬럼을 나누는 것을 토대로 클래스를 조합해서 반응형이 가능한 레이아웃을 만들어낸다 클래스를 넣어 각 중단점 별로 컨테이너의 크기와 패딩(거터.. 2023. 12. 27. css !important 의 사용을 자제하자 important는 그냥 임시방편 이라고 생각합시다 왜 자제해야하는걸까? 1. 우선순위 css에는 적용 우선순위라는 것이 있어서 특정원칙에 따라 css를 처리한다 우선순위 점수가 높은 속성들 html (inline style) / #id / class, :추상클래스 / 태그 / 상위객체로부터 상속된 속성 같은 우선순위를 가진 속성이 있을 시 점수가 더 높고, 나중에 선언된 것이 반영됨 이 important 는 모든 우선순위 규칙을 무시 2. 충돌 여러곳에서 important 사용시 충돌 가능성이 있어서 3. 가독성과 유지보수 결국에는 어떤 스타일이 우선 적용 되고 있는지 파악하기가 어렵기 때문에 가독성과 유지보수에 좋지 못하다. 이런 이유들 때문에 important 는 사용을 자제하며 스타일을 구조화하고.. 2023. 12. 27. LHVA : link 스타일 지정 순서 a{} a:link{} 방문하지 않은 링크 a:visited{} 방문기록이 있는 링크 a:hover {} 링크위에 마우스 포인터올렸을 때 a:active {} 링크를 클릭한 상태. 클릭하고있으면 계속 보임 * 링크속성 지정시 속성지정순서를 지키지 않으면 제대로 적용되지 않으니 반드시 기입 순서를 지켜야 한다! * 크롬 기본 a 태그 스타일은 color:#000 에 hover는 pointer:text (앵커같은곳에 href없이 사용한다함) 여기에 링크가 붙으면(a href="http://~...") color:blue; text-decoration:underline; hover는 cursor:pointer가 됨 href가 없는 애들은 :link 가 적용되지 않는다 :hover 는 pc (1025px~) 에.. 2023. 12. 25. 이전 1 2 3 4 다음
