javascript14 2024-03-14 모듈만들기 const fck1 = function(){ alert("메롱1"); } const fck2 = function(){ alert("메롱 규상"); } const fck3 = function(){ alert("성배 메롱"); } const set = {fck1 , fck2 , fck3}; export default set; 함수를 만들고 객체에 추가 import하기 -> 경로 확실히 잡아준다 필요한 것을 객체에 담아서 전달 -> export시 원하는 것만 사용 가능 모듈은 엄격모드가 default값이다(기본 적용됨) defer는 완벽하지는 않다 import * as MyModule from ".../xxx.js"; MyModule.myFunc1(); MyModule.myFunc2(); // 모듈.. 2024. 3. 14. 2024-03-08 // 이젠 fetch(Ajax기반 , Promise기반)의 시대// fetch 기본 사용법async function fgetList(){ let response = await fetch("http://localhost:8080/api/friends/"); // 단점 : response도 Promise라 한번 더 await 해주어야 한다 // axios는 이부분을 편하게 만들었다}/* 자주쓰는 기본 틀async function fCk(){ fetch("URL" , { method: "get", // *GET, POST, PUT, DELETE 등 headers: { "Content-type" : "applicat.. 2024. 3. 8. 2024-03-04 직렬화 역직렬화 이유? 네트워크에서 객체를 보낼때 사용 , 편의성(객체를 다루기 편리) 객체자체를 보내면 꺼내서 해당타입으로 다시 변환해야하기 때문에 불편하다 //dummyData.html 위와 같이 작성 후 실행 이런식으로 나오면 성공 localStroage를 어떻게 활용하는지가 중요(기능구현에 따라) 기본적으로 쿠키를 사용하는 것은 전부 로컬스토리지 사용가능 // list.html 순번이름나이별명 테이블 형식으로 출력, 동적 바인딩을 위한 onmouseover , onmouseout 함수 선언 이벤트 핸들러(함수)에서 특별히 넘길 파라미터가 없으면 this를 넘긴다. 이때 this가 가리키는 대상은 이벤트 객체 자기자신이고, 호출시에는 this를 쓸수있지만 선언시에는 작성할 수없다(키워드) 무한스크롤.. 2024. 3. 4. 2024-02-29 28일 볼튕기기 이어서 작성 기존에는 클릭할 때마다 이동속도가 증가한다 -> 클릭해도 속도 변화가 없게 변경하기 // script부분↓↓ /* clearTimeout(timerId); 이렇게 하면 되는 것 처럼 보이지만 사용자는 속을수 있다(자원을 만들었다 지웠다 반복) -> 좋은 아이디어가 아니다 timerId = setTimeout(fMove,30); // 재귀호출 */ } //fMove(); // script 위쪽에 작성 ↓↓ let isStart = false; // 초기값 아직 시작 안된상태 const fStart = function(){ if(!isStart){ // 처음 시작시에만 호출하므로 아무리 클릭해도 더이상 빨라지지 않는다 fMove(); isStart = true; } } // bo.. 2024. 2. 29. 이전 1 2 3 4 다음
