본문 바로가기
728x90
반응형

전체 글220

[자바스크립트] 배열 요소를 추가하는 메서드 - push( ) Array.prototype.push( ) - 배열 요소를 추가하는 속성 - 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환 - total 변수는 추가한 배열의 새 길이 값을 포함 var sports = ['축구', '야구']; var total = sports.push('미식축구', '수영'); console.log(sports); // ['축구', '야구', '미식축구', '수영'] console.log(total); // 4 [출처] developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/push 2021. 1. 18.
[자바스크립트] select를 이용하여 로컬스토리지에 저장하기 블로그에 비슷한 내용을 계속 올리는 것 같지만 자꾸 이해가 되지 않아 비슷하게 계속 연습 중 HTML 가장 좋아하는 동물은? 강아지 고양이 새 호랑이 토끼 자바스크립트 // 1) html에 있는 select와 연결 const userSelect = document.querySelector("select"); // 2) 로컬스토리지에 value 값이 존재하는지에 대한 함수부터 만든다 // 로컬스토리에 value값을 출력하는 것 function loadAnimal(){ // ① 로컬스토리지에 Key값 "animal"의 value값을 저장할 변수 selected를 만들고 const selected = localStorage.getItem("animal"); // ② selected 가 null이 아닌 경우에 .. 2021. 1. 17.
[리눅스] 설치 및 서버배포 방법 *플레이데이터에서 배웠던 것들 정리해서 옮겨놓은 것임! 1. virtal box 먼저 설치 2. 리눅스 설치 root 암호 root root 그리고 설정할때 태블릿으로 해야 마우스 윈도우와 리눅스 사이에서 사용 가능 호스트키 설정해야 리눅스 안에 마우스 들어가고 나갈 수 있음 3. ModaXtem 설치 리눅스의 이해 1) 종류 레드햇/우분투/CentOs(이거 사용) 2) 구성요소 클라이언트 사용자프로그램 커널(Kernel) -> 장치관리자 등등 실행 -> 사용자프로그램에서 사용하는 언어와 커널에서 사용하는 언어가 다름 -> 셸(shell)을 통해서 커널와 사용자 프로그램 사이의 명령어 해석함 3) 특징 - 오픈소스 - 업그레이드 하거나 버그 개선 속도 빠름(소스코드가 오픈소스이기 때문에 커뮤니티에서 빠르.. 2021. 1. 17.
[하루일지] 21년 01년 15일 금요일 오늘 계획 - react 생활코딩 강의 듣고 포스팅하기 - 챌린지 day 5 완료하기 오늘 실행 - 챌린지 day 5 완료하기 이제서야 자바스크립트 로직을 좀 알것 같다. 2021. 1. 17.
[자바스크립트] value의 값이 변경 되었을 때 발생하는 이벤트 - change change - change는 폼 컨트롤(value의 값)의 값이 변경 되었을 때 발생하는 이벤트 - input(text,radio,checkbox), textarea, select 태그에 적용 element.addEventListener("change",function( )); select 선택지를 변경해서 선택하면 그 선택한 value 값을 로컬 스토리지에 저장하는 로직 HTML Where are you from? --- Choose Your Country --- Korea Greece Turkey Finland 자바스크립트 const LOCALSTORAGE_KEY = "country", form = document.querySelector(".js-form"), select = form.queryS.. 2021. 1. 17.
[자바스크립트] select를 이용해 저장한 value값 로컬스토리지 출력하기 이건 예전에 했던 거 자바스크립트 const form = document.querySelector(".js-form"), select = form.querySelector(".selectBox"); const USER_LS = "counrty"; //3.currentValue에 저장된 select 벨류값을 로컬스토리지에 저장 function saveCountry(select) { localStorage.setItem(USER_LS, select); } function handleSubmit(event) { //1.일단 이벤트를 멈추고 event.preventDefault(); //2.현재 가지고 있는 벨류값 저장 //const currentValue = select.value; const currentV.. 2021. 1. 16.
728x90
반응형