javascript5 [Javascript 팁] 더 좋은 코드를 위한 Javascript 규칙 및 팁 코드 블럭 내 함수 선언 X IF 문이나 For 문 등의 코드 블록에서 함수 선언문을 통해 함수를 정의하지 않도록 한다. -> 호이스팅으로 인해 혼란이 발생할 수 있다. 전역 변수의 사용을 억제한다. (var 변수 자제) (긴 생명 주기) 전역 변수는 생명 주기가 길다. 이 때문에 메모리 리소스를 오랜 기간 소비하고, 작성자의 의도와는 다르게 전역 변수의 상태가 변경될 수 있는 가능성이 높아진다. (네임스페이스 오염) 자바스크립트는 파일이 분리되어 있어도 하나의 전역 스코프를 공유한다. 따라서 다른 파일 내의 전역 변수나 전역 함수와 동일한 이름을 사용하게 될 가능성이 있다. 2022. 12. 25. [Vue 에러] Component 에러 - "data" option should be a function that resturns a per-instance value in component definitions. 문제원인 Component의 data를 object로 생성해서 발생한 에러이다. 문제해결 Component의 data를 함수형으로 작성해준다. 예시 // 오류 구문 // 아래와 같이 수정해야 한다. 2022. 12. 19. [HTML] 데이터 속성을 이용한 데이터 저장 데이터 속성 (Data Attribute) 웹 퍼블리싱, 프론트엔드에서 데이터들은 대부분 자바스크립트 변수에 저장을 한다. 하지만, HTML5에서부터는 HTML과 관련된 데이터를 HTML 파일에서도 저장할 수 있는 공식적인 방법이 생겼다. 이것이 바로 데이터 속성 (data attribute)이다. 사용방법 // HTML 태그 내에 data-key = 'value'의 형태로 입력하면 된다. // 예시 그리고 자바스크립트에서 이를 불러올 때는, selector.dataset.key 를 통해 값을 불러올 수 있다. // id가 list이고, currency 데이터를 담고 있는 li 선언 Korea 2022. 12. 13. [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 다음