본문 바로가기

728x90
반응형

JAVA HTML JAVASCRIPT

(83)
[JavaScript] 자바스크립트 concat 메서드 이해하기 conat 메서드란? concat 메서드는 파라미터로 전달되는 값들을 기존 배열에 합쳐서 새로운 배열을 반환해주는 배열의 메서드들 중 하나이다. 한 가지 특별한 점은, 만약 파라미터로 전달되는 인자 값이 배열일 경우에는 해당 배열이 펼쳐지면서 기존 배열에 합쳐진다. 참고로, concat은 concatenation이라는 단어의 줄임말이라고 한다. 문법 concat 메서드는 배열에 사용되고, 파라미터로 어떤 값이든 전달할 수 있다. const myArr = [1, 2, 3]; // arr.concat(value1, value2, ...) console.log(myArr.concat(4, 5)); // [1, 2, 3, 4, 5] console.log(myArr.concat('육', '칠')); // [1, ..
[JavaScript] 자바스크립트 forEach 메서드 이해하기 ForEach 메서드란? forEach() 메서드는 배열에 활용이 가능한 메서드로, 파라미터로 주어진 함수를 배열 요소 각각에 대해 실행하는 메서드이다. map() 메서드와 거의 비슷하지만 차이점은 따로 return 하는 값이 없다는 점이다. 문법 const myArr = [1, 2, 3, 4, 5]; const newMyArr = myArr.forEach((currentElement, index, array) => { console.log(`요소: ${currentElement}`); console.log(`index: ${index}`); console.log(array); }); console.log(newMyArr); // undefined forEach 메서드도 map메서드와 동일하게 파라미터로..
[JavaScript] Alert(경고창), Prompt(입력창), Confirm(선택창) 1. Alert(경고)창 Alert함수는 사용자에게 중요한 내용이나 경고창을 띄워줄 때 주로 사용하는 함수입니다. 여러가지 창 중에서 가장 많이쓰이는 기본적인 형태의 팝업창입니다. alert("어서오세요!"); 2. Prompt(입력)창 Prompt함수는 사용자에게 입력값을 받을 수 있는 창을 띄워주는 함수입니다. 사용자에게 받은 값을 String타입의 리턴값으로 반환해주며 입력값이 없을경우에는 Null값을 리턴합니다. var userInput = prompt("당신의 이름은 무엇인가요?"+""); alert(userInput+"님 환영합니다."); 3. Confirm(선택)창 Confirm함수는 사용자에게 Ture / False 값을 리턴받을 수 있는 팝업창을 띄워주는 함수입니다. 사용자의 액션에 따라..
map, reduce 활용하기 안녕하세요. 이번 시간에는 map과 reduce 메서드에 대해 알아보겠습니다. 배열에 있는 바로 그 map과 reduce 맞습니다. 많은 분들이 forEach는 사용하시는데 map과 reduce는 잘 안 쓰시더라고요. 그리고 reduce가 뭐냐고 물어보면 덧셈하는 함수 아니냐고 하시는 분도 많이 봤습니다. ㅠㅠ 그래서 오늘은 제가 제일 좋아하는 메서드인 map과 reduce에 대해 알아보겠습니다. 제가 생각하기로는 자바스크립트 내장 메서드 중에서 제일 강력하고, 알아두면 다양한 곳에 활용할 수 있는 것이 바로 map과 reduce입니다. 얼마나 강력하냐면, 맵리듀스라고 이름지어진 프레임워크도 있습니다. (물론 오늘 다루는 내용은 아닙니다.) map map 메서드는 다음과 같이 사용합니다. 배열.map((..
[FullCalendar] 기능정리 FullCalendar의 경우 버전에 따라 함수가 굉장히 다르기 때문에 다루기 좀 까다로웠다. **캘린더 생성 var Calendar = FullCalendar.Calendar; var calendarEl = document.getElementById('calendarWrap'); //캘린더 div //캘린더 속성 var calProps = { plugins : [ 'interaction', 'dayGrid' ] //월 캘린더 , header : { left :'' , center : 'title' , right : ''//'prevYear,prev,next,nextYear' } //, locale : 'ko' // 한국어 설정이다. 하지만 date Cell 포맷팅이 어려우니 그냥 주석으로 , title..
FullCalendar 예제/데모 자바스크립트 달력 라이브러리에서 가장 많이 사용된다고 생각하는 FullCalendar의 샘플코드입니다. codepen의 이름모를 출처를 참고했습니다. 급하게 사용하려고 만들다 보니 코드가 더러운데 시간을 핑계로 방치하고 있다가 그래도 공유해놓으면 부끄사하기 싫어서라도 고치지 않을까 싶어 올려봅니다. 클릭/드래그로 일정추가/수정 일정 hover시 팝업 일정 리사이즈 일정 드래그앤드롭 카테고리, 작성자로 필터링 일정별 색상지정 데모를 위해 일정 데이터는 json파일을 사용하고 있습니다. 데이터베이스와 함께 사용하실 땐 ajax 부분을 수정하시구요 쿼리 짜실땐 그대로 넣었다 빼기만 하면 되서 편하실 거라 위안해 봅니다... ( 조금씩 수정중 ) 미리보기 https://saintsilver.github.io/F..
[Oracle] 오라클(Oracle) DB 계정 생성 및 삭제 권한부여 비밀번호 변경 방법 접속 c:\sqlplus as sysdba 계정생성 sql > create user [username] identified by [password]; 계정삭제 / 계정에 관련된 모든 데이터 삭제 sql > drop user [username]; sql > drop user [username] cascade; 사용자 권한 부여 sql > grant connect, resource to [username]; 사용자 권한 제거 sql > revoke dba from [username]; 계정 잠금 해제 sql > alter user [username] account unlock; 비밀번호 변경 sql > alter user [username] identified by [password];
[Oracle] Windows 10 오라클(11g) 설치/다운로드 방법 Oracle 다운로드 회사에서 가장 많이 쓰이는 데이터베이스, Oracle 이죠 오늘은 Windows 10 Home 버전에서 Oracle 다운로드 하는 방법에 대해서 포스팅하겠습니다. 1. 오라클 홈페이지로 이동 아래 링크를 눌러 oracle 다운로드 페이지로 이동합시다! https://www.oracle.com/kr/downloads/ 오라클 소프트웨어 다운로드 | 오라클 | Oracle 대한민국 개발자 다운로드 모든 소프트웨어 다운로드는 무료이며 애플리케이션의 개발 및 프로토타이핑을 위해, 또는 엄격하게 본인의 학습 용도로 제한하여 무료로 제품의 전체 버전을 사용할 수 있도록 허용하는 개발자 라이센스가 제공됩니다. (별도로 명시하지 않는 이상, 오라클 기술 지원 조직은 본 계약 하에 사용권을 부여 받..

728x90
반응형