Study Hard/짧은개발지식.5 [자바스크립트] location.href 와 location.replace()의 미묘한 차이점 location.href 항목 location.replace() Attribute(property) type Method(function) 저장 O 주소 history 저장 X 요즘 Web 브라우저에서는 이전에 load한 cache를 사용자에게 보여줄 수 있다. 특이점 히스토리에 남지않아 뒤로가기 접근 어 어려움 location.href = 'url'; 사용방법 location.replace('page.html'); 2023. 6. 26. [짧은개발지식] 버블정렬 - Js코드로 만들어보기 버블정렬은 sort방법중에 가장 기본적인 정렬방법이다. 3단계로 나눠서 버블정렬의 코드를 작성해보자. 1. 배열 안의 최대값 찾기 let testArr = [3,6,1,2,9,7,3,2]; let max = testArr[0]; // 첫번째 값이 가장 크다고 가정한다. for(let i=0; i 2023. 6. 23. [자바스크립트] console.log로 디버깅이나 값 확인 시 주의점!! 자바스크립트에서 console.log를 할때 객체를 읽어오면 잘못된 값을 확인할 수 있다. let testObj = { name: "홍길동", age : 26 } console.log("값체크1", testObj); testObj.name="홍길순"; testObj.age= 27; console.log("값체크2", testObj); 위와 같이 코드를 작성해보고 콘솔을 확인해보면 전혀 예상하지 않았던 결과가 나온다. 이 이유는 객체(object)를 console.log 를 찍게되면 변화하는 object는 자원을 아끼기위해 마지막 값을 출력해주는 경우가 있다. 해결방법 let testObj = { name: "홍길동", age : 26 } var cloneObj = structuredClone(testOb.. 2023. 6. 23. [짧은개발지식] JSONP (JSON Padding) 이란? JSONP (JSON Padding) JSONP 를 이용해서 가져오면 다른 도메인에 있는 json 파일도 가져올수 있고, 바로 불러와서 사용할 수 있으니 익혀두자. 우선 api이용이나 다른서버에 요청해서 데이터를 가져올때 생기는 문제는 CORS 문제가 있다. CORS 란?(Cross-Origin Resource Sharing) CORS는 Cross-Origin Resource Sharing의 약자로, 웹 애플리케이션에서 다른 도메인 간에 리소스를 안전하게 공유할 수 있도록 해주는 메커니즘입니다. 기존의 동일 출처 정책(Same Origin Policy)에서의 제한을 우회하여, 다른 도메인에 있는 리소스에 접근할 수 있는 방법을 정의하고 있습니다. 서버는 응답 헤더인 "Access-Control-Allow.. 2023. 6. 22. [짧은개발지식] URL 과 URI 의 차이는 뭘까? URI > URL, URI가 더 포괄적인 개념. URL은 일반적으로 우리가 브라우저 주소창에 사용하는 표준화된 형식 자체를 말한다. URI (Uniform Resource Identifier) 인터넷에서 리소스를 식별하거나 이름을 지정하는 문자열입니다. URI는 웹 페이지, 이미지, 파일, API 등과 같은 리소스를 고유하게 식별하는 데 사용 URI의 하위분류 두가지 URL(Uniform Resource Locator): URL은 리소스의 네트워크 위치와 리소스에 액세스하는 데 사용되는 프로토콜을 지정하는 일종의 URI입니다. 여기에는 이전 응답에서 설명한 대로 스키마, 호스트, 포트, 경로, 쿼리 매개변수 및 조각이 포함 URN(Uniform Resource Name): URN은 리소스에 지속적이고 고.. 2023. 6. 7. 이전 1 다음
