005 프로그래밍/Javascript5 [Javascript 팁] 더 좋은 코드를 위한 Javascript 규칙 및 팁 코드 블럭 내 함수 선언 X IF 문이나 For 문 등의 코드 블록에서 함수 선언문을 통해 함수를 정의하지 않도록 한다. -> 호이스팅으로 인해 혼란이 발생할 수 있다. 전역 변수의 사용을 억제한다. (var 변수 자제) (긴 생명 주기) 전역 변수는 생명 주기가 길다. 이 때문에 메모리 리소스를 오랜 기간 소비하고, 작성자의 의도와는 다르게 전역 변수의 상태가 변경될 수 있는 가능성이 높아진다. (네임스페이스 오염) 자바스크립트는 파일이 분리되어 있어도 하나의 전역 스코프를 공유한다. 따라서 다른 파일 내의 전역 변수나 전역 함수와 동일한 이름을 사용하게 될 가능성이 있다. 2022. 12. 25. [Javascript] module import, export HTML 내에 를 이용해 직접 파일을 삽입했다면, type='module'을 작성해주어야 정상적으로 사용할 수 있다. 2022. 12. 16. [jQuery] CSS 효과 주는 방법 기본 사용 방법 $("요소선택").css("속성", 값") // id가 example인 요소의 스타일 변경 $("#example").css('color','red'); 여러 개의 CSS 적용하기 1. 체이닝 기법 체인처럼 주고자 하는 효과들을 연속적으로 써내려가면 된다. // id가 example인 요소의 스타일 변경 $("#example").css('color','red').css('font-size','24px'); 2. 객체(Object) 사용 객체 (object)을 이용해 복수의 값을 저장할 수도 있다. // id가 example인 요소의 스타일 변경 $("#example").css( {'color' : 'red' , 'font-size' : '24px'); 값 변수화 시키기 css 스타일을 변수.. 2022. 12. 14. [WEB API] localStorage와 sessionStorage 설명 클라이언트(사용자)의 PC에 데이터를 저장할 수 있게 하는 API이다. localStorage의 경우, 브라우저를 모두 종료해도 데이터가 남아있다. 데이터를 삭제하기 위해서는 '인터넷 기록 삭제 / 쿠키 삭제'를 통해서 삭제할 수 있다. sessionStorage의 경우, 브라우저 창을 모두 종료하게 되면 데이터가 삭제되게 된다. 활용 분야 - 로그인한 사이트에서의 창을 닫아도 로그인이 유지되게 하기 - 비회원 장바구니 기능 - 검색 필터 저장 등 결론 - 사용자 PC에 데이터를 일부 저장할 수 있지만, 그 용량의 한계가 있다. (약 5MB 내외) - 또, 브라우저가 종료되거나, 쿠키 삭제를 하게 되면 데이터가 모두 소실되기 때문에, 영구적으로 데이터를 보관해야 하는 경우에는 적합하지 않다. 2022. 12. 9. Javascript 이해하기 1. 프로그래밍 언어 Javascript(이하 JS)는 우리가 보고 있는 웹페이지에 동적인(움직이는) 효과들을 주기 위해 만들어진 프로그래밍 언어이다. 프로그래밍 언어는 우리가 컴퓨터와 대화를 하기 위해 사용하는 언어이다. 따라서, 웹에서 쓰이는 HTML, CSS와는 다르게, JS에서는 연산이 가능하며, 논리적 구성의 중요성 또한 요구된다. 2. 자바(Java)와 자바스크립트(JS)의 관계 두 프로그래밍 언어의 이름이 유사해, 이 둘의 관계에 대해 오해를 하고 있는 사람들이 있다. 하지만 이 둘은 컴퓨터 프로그래밍 언어라는 공통점을 제외한다면, 큰 유사성을 지니고 있지는 않다. 따라서 이 둘의 관계는, "인도와 인도네시아"로 많이 비유되기도 한다. 3. JS을 배우는 이점 - 첫번째. 웹 내에서 동작하는.. 2022. 10. 25. 이전 1 다음