반응형 📍 Front-End72 [자바스크립트] 함수 (function) 자바스크립트에서 함수를 선언하고 정의하는데 다양한 방식이 있다 함수 선언형 vs 함수 표현식 함수 선언형은 호이스팅에 영향을 받지만 함수 표현식은 호이스팅에 영향을 받지 않는다 함수 선언형 printName('예리'); // 제 이름은 예리입니다 function printName(name){ console.log(`제 이름은 ${name}입니다`); } 함수 표현식 const testFunction = function(){ console.log('안녕하세요'); } testFunction(); 결과 : 안녕하세요 printName('예리'); let printName = function(name){ console.log(`제 이름은 ${name}입니다`); } 결과: Uncaught ReferenceEr.. 2021. 6. 23. [자바스크립트] var, let, const 변수 먼저 자바스크립트에서는 변수를 전역변수와 지역변수로 구분할 수 있다 📍전역 변수 자바스크립트에서 전역 변수(Global Variable)는 프로그램 전체에서 접근 가능한 변수이다. let favorite = "수학"; function show(){ favorite = "음악"; console.log(favorite); } show(); 위 코드를 보면 함수 밖에서 변수 favorite에 수학이라는 값을 할당했다. 그리고 다시 show 함수 안에서 "음악"으로 재할당 후 함수를 호출하면 결과 값은 '음악'으로 출력된다 이와 같이 전역 변수는 어디에서나 사용 가능한 변수를 뜻한다 📍 지역변수 지역 변수는 블록 문 내에 선언된 변수로 선언된 블록 문 내에서만 사용 가능하다. 여기서 블록 문이란 중괄호{}로 감.. 2021. 6. 23. [CSS] 모바일 웹에서 높이(height) 100% 채우기 스크롤 없이 높이가 100% 꽉 차 있는 모바일 웹 제작 중 ! 일단 모바일 화면을 만들어야 되니 meta 태그를 추가 body에 height를 100vh로 지정하면 높이가 꽉 찬 view를 만들 수 있다 height : 100vh; 이렇게 간단하게 끝날 줄 알았는데... 실제 서버에 배포 후 휴대폰으로 확인해보니 스크롤이 있고 위아래로 아주 자유자재 잘 움직인다 🤣 내가 원한 건 스크롤 없이 높이가 100% 꽉 찬 view인데!!! ❓ 원인 웹 브라우저와 달리 모바일 브라우저에서는 최상단의 url 주소창과 최하단의 브라우저 버튼 까지를 view port로 인식한다. 그렇기 때문에 , 태그에 height : 100vh;를 지정할 경우 실제 콘텐츠를 나타내는 영역에 모바일 화면의 전체 사이즈의 높이로 계.. 2021. 6. 17. [Thymeleaf] TemplateInputException 에러 View Template Engine으로 타임리프를 사용 중인데 로컬에서 테스트할 때는 아무 문제없던 이 타임리프가 개발 서버에 배포 후 에러 창과 함께 아래와 같은 에러가 발생했다 😱 org.thymeleaf.exceptions.TemplateInputException: Error resolving template [/fragment/common], template might not exist or might not be accessible by any of the configured Template Resolvers (template: "common/defaultLayout" - line 5, col 9) at org.thymeleaf.engine.TemplateManager.resolveTempla.. 2021. 6. 16. 이전 1 ··· 15 16 17 18 다음 반응형