퍼블리싱 아카이브

https://velog.io/@seeyong_0/TIL-%EA%B0%9D%EC%B2%B4-%EC%95%88%EC%9D%98-%EA%B0%9D%EC%B2%B4-%EC%A0%91%EA%B7%BC-%EA%B0%9D%EC%B2%B4-%EC%95%88%EC%9D%98-%EB%B0%B0%EC%97%B4-%EC%A0%91%EA%B7%BC TIL | 객체 안의 객체 접근, 객체 안의 배열 접근 객체 안의 객체는 중첩된 객체라고 한다. 영어로는 Nested Object이다. 중첩된 객체에 접근하는 방법은 객체를 접근하는 방법과 마찬가지로 점 표기법(dot notation)과 대괄호 표기법(bracket notation)을 사 velog.io

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam numquam eveniet, distinctio nobis nulla hic obcaecati nihil omnis id aspernatur nesciunt ut ea amet earum, enim dolorum nisi ducimus facilis. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam numquam eveniet, distinctio nobis nulla hic obcaecati nihil omnis id aspernatur nesciunt ut ea amet earum, enim dolorum nisi duc..

let product_arr = []; for(let i = 0; i

See the Pen Untitled by breeghty (@breeghty) on CodePen.

개발자 도구를 눌러 Application에 들어가면 브라우저가 새로고침되어도 사라지지 않는 데이터를 보관할 수 있게 해주는 localStorage 가 있다. sessionStorage와 다른 점은, - localStorage: 새로고침해도 정보가 사라지지 않는다. 유저가 고의로 삭제하지 않는 한. - sessionStorage: 브라우저를 껐다 켜면 정보가 사라진다. 임시저장소. localStorage 사용방법 localStorage에 데이터를 저장할 때는 key, value 형식으로 저장한다. localStorage에는 숫자와 문자 데이터만 저장할 수 있다.(최대 5MB) localStorage.setItem('name', 'Minji');//문자또는 숫자 저장 localStorage.getItem('..

javascript는 위에서부터 한줄씩 해석한다. 그래서 script 코드는 관행상 body 태그가 끝나기 직전에 작성한다. HTML을 전부다 읽어들인 뒤 코드를 실행하려면, 아래 코드를 사용하자. //jquery $(document).ready(function(){//코드} //javascript vanilla document.addEventListener('DOMContentLoaded', function(){//코드} load 이벤트 리스너 :를 사용하면 해당 파일이 로드됐는지 확인할 수 있다. document.querSelector('img').addEventListener('load',function(){ //이미지 로드시 실행할 코드 }

See the Pen array 가나다 순/ 다나가 순 정렬하기 by breeghty (@breeghty) on CodePen.

See the Pen Untitled by breeghty (@breeghty) on CodePen. sort : 문자를 정렬하는 메소드다. 숫자로 정렬하려면 위 예제와 같은 식을 적용해야 숫자 정렬이 가능하다. : 기존의 배열을 변형하는 메소드다. filter : 기존 배열의 값을 일정한 값을 기준으로 필터링 하여 새로운 배열을 반환한다. :기존의 배열을 변형하지 않는다. map : 기존의 배열 값을 한번에 변형시킬 수 있는 메소드다. : 데이터를 한꺼번에 변형시켜 보여줄 때 사용하면 편리하다.

더보기

데이터의 url과 get, post 통신방식 기재시 서버에서 데이터를 읽어오거나 원하는 데이터를 보낼 수 있다. -get 데이터를 받아서 읽고 싶을 때 -post 데이터를 보내고 싶을 때 이 경우, 매번 브라우저의 새로고침이 필요하다. ajax 기능을 이용하면 데이터를 주고 받을 때 브라우저를 새로고침하지 않을 수 있다. => 새로고침 없이 get, post 요청하는 기능이다. jQuery로 url에 get, post 요청하는 방법 jquery //ajax get $.get('https://~~') .done(function(data){ //성공시 console.log(data); //서버에서 받아온 데이터는 == data }).fail(function(){ //실패시 console.log("실패"); ..