반응형 javascript36 onclick="location.href='url주소' 새 창으로 띄우려면? target="_blank" ? onclick="location.href='url주소' " 새 창으로 띄우려면? target="_blank" ? 기존에 작성된 개발코드를 살펴볼 때 onclick=""이벤트를 사용해서 location.href='url주소'를 이용해서 링크하는 경우를 종종 만나게 됩니다. 대충 살펴보자면, 클릭했을때 location에 대한 hyperlink reference를 옆에 적어 둔 url주소를 참조하라는 것이라고 짐작할 수가 있겠습니다. 그런데, location.href는 동작방식이 현재 열려진 브라우저 창에서 동작하게 됩니다. 그렇다면, 엘리먼트를 사용할 때 처럼 target="_blank"을 주려면 어떻게 하면 좋을까요? 예제코드 아래와 같은 HTML 예제코드로 시작해보겠습니다. anchor 태그로 연결 네이.. 2023. 4. 4. 배열 객체 메서드 sort(), filter(), map() 기초 정리 배열 객체 메서드 sort(), filter(), map() 기초 정리 지난 포스팅에서 배열객체 내장 함수인 sort() 메서드를 다루고 정리를 했습니다. sort() 메서드를 이용해서 문자열을 정렬하거나 숫자를 정렬하는 방법을 살펴보았습니다. sort() 메서드로 상품 정렬 기능 만들기 sort() 메서드로 상품 정렬 기능 만들기 sort() 메서드로 상품 정렬 기능 만들기 지난 포스팅에서는 서버에서 Data를 받아 온 후, 브라우저 화면에 반복문을 돌며 뿌려주는 것에 대해서 공부하고 정리해보았습니다. 프론트단 구성에서 굉 kincoding.com 자바스크립트에서는 배열(Array)을 다루는데 있어서 sort() 이외에도 여러 유용한 메서드들이 존재합니다. 그 중에서도 가장 자주 사용되는 메서드로는 s.. 2023. 2. 26. 서버에서 받은 데이터를 forEach() 이용해서 UI 반복 생성하기 서버에서 받은 데이터를 forEach() 이용해서 UI 반복 생성하기 이전까지 2~3개의 포스팅을 통해서, Javascript를 이용해서 동적으로 UI를 생성하는 과정을 정리해왔습니다. 기초적인 DOM 조작 및 Data 핸들링에 코딩 근육이 붙었으니, 이번에는 서버에서 받아 온 Data를 이용해서 좀 더 코딩스럽게 구현해보는 과정을 정리해보려고 합니다. 서버에서 Data를 내려 받은 후 해당 데이터를 이용해서 아래아 같은 UI를 동적으로 만들어보려고 합니다. NETFLIX 비슷한 OTT 채널이라고 가정해봅시다. 좀비 영화만 주구장창 틀어주는 채널, ZomFLIX. 아주, 흥미진진하죠? 우선, 서버에서는 이런 정보를 전달 받았다고 가정해봅시다. const zombies = [ { id: 0, thumb: .. 2023. 2. 23. selectbox를 JS로 컨트롤 해보기 2 - 서버 Data 받아서 처리하기 selectbox를 JS로 컨트롤 해보기 2 - 서버 Data 받아서 처리하기 지난 몇 개의 포스팅을 통해 Javascript를 이용해서 selectbox를 컨트롤 하는 방법을 정리해보았습니다. selectbox를 JS로 컨트롤 해보기 - input, change 이벤트 selectbox를 JS로 컨트롤 해보기 - input, change 이벤트 selectbox를 JS로 컨트롤 해보기 - input, change 이벤트 이전 포스팅에서는 Javascript로 DOM을 조작하는데 있어, input 사용을 주로 예제로 들었습니다. 이번 포스팅에서는 input의 사촌(?) 격인 selectbox 컨트 kincoding.com 그리고 추가로, document.createElement 메서드를 이용해서 HTML.. 2023. 2. 21. 이전 1 2 3 4 ··· 9 다음 반응형
