o-yoon

SpreadJS 쓸 일이 생겨서 쓰는 김에 정리해본다. 공식 사이트를 보고 참고했으니 다들 참고하셔서 보시면 좋을 것 같다. Demos | SpreadJS JavaScript Demos Learn how you can easily add advanced spreadsheet capabilities to your JavaScript applications today to create financial, analysis, budgeting, forecasting, data collection, scientific and many other similar applications. Begin by selecting a featured demo www.grapecity.com 우선 프론트 연결까지만 만들어 볼 것..

bindEvent : JavaScript에서 DOM 요소에 이벤트를 바인딩(연결)하는 함수 이 함수는 주로 이벤트 리스너를 등록하는 데 사용되며, 특정 이벤트가 발생했을 때 실행할 함수를 지정할 수 있도록 도와준다. 예시코드를 살펴보자 ! const button = document.getElementById('myButton'); function handleClick() { console.log('Button clicked!'); } button.addEventListener('click', handleClick); 위 코드에서 addEventListner를 사용하여 버튼 요소에 click이벤드를 감지하고, 이벤트 발생 시 handleClick 함수를 실행하도록 코드를 작성했다. 그런데 때로는 이벤트 리..

- 변수(Variable)란 선언(Declaration) 후 그 값이 얼마든지 변할 수 있는 값을 의미한다. 다음과 같이 선언한다. let [변수 이름]; 혹은 let [변수 이름] = [초기 값]; - 변수를 선언할 때, 그 변수의 타입(Type)을 명시적으로(Explicitly) 적지 않고, let키워드를 이용한다. - 상수(Constant)란 선언 및 초기화 후 그 값이 변할 수 없는 값을 의미한다. 선언과 동시에 값 초기화를 해야하며 선언시 초기 값을 비워둘 수 없다. 다음과 같이 선언한다. const [상수 이름] = [초기 값]; - 상수를 선언할 때, 그 상수의 타입을 명시적으로 적지 않고, const 키워드를 이용한다. - 일반적인 방식으로 약속된 키워드(Keyword)를 변수 및 상수 이..

1. 배열(Array)은 하나의 변수에 여러개의 값 을 담기위해 사용한다. 2. 특별한 선언 방법은 없고 다음과 같이, 대괄호를 이용하여 선언한다. let someArray = []; // 원소가 없는 배열 3. 어떠한 배열이 가지는 각 원소는 콤마(,)로 구분하여 여러개를 적을 수 있고, 대괄호와 인덱스(Index) 번호를 이용하여 접근하고 인덱스 번호는 0번 부터 시작한다. let fruits = ['사과', '바나나', '코코넛']; console.log(fruits[0]); // '사과' console.log(fruits[1]); // '바나나' 4. 속성 - length : ❗ 해당 배열의 길이(원소의 개수)이다. 배열의 길이에서 1을 뺀 값은 항상 마지막 인덱스 번호이다. 5. 단순 메서드(함..

✔️ 반복문은 어떠한 특정 구문(들)을 정해진 횟수나 특정 배열의 길이만큼 반복하고자 할 때 사용한다. 1. for 반복문 - for 반복문은 정수인 변수(이름은 주로 i)에 대해 그 값이 특정한 값 이상/이하/초과/미만일 때 그 값을 증가/감소 하며 어떠한 횟수만큼 반복하고자 할 때 사용한다. - 아래 문법에서 초기화 부분에 반복에 사용할 정수인 변수를 선언한다. - 아래 문법에서 조건 부분에 위 초기화 에서 선언한 변수에 대해 구현부를 반복할 조건을 명시한다. - 아래 문법에서 증감부분에 위 초기화 에서 선언한 변수를 증/가감할 표현식을 작성한다. - for 반복문 실행 최초에 초기화를 1회 하며, 우선 조건을 확인한 뒤, 이가 참이면, 구현부를 실행하고, 증감한다. 그 후 조건을 다시 확인하고 그 ..

✅ 데이터 타입 ✔️ 타입 - 간혹 JavaSctipt에는 타입이 없다고 생각하는 경우가 있는데, Javasctipt 에도 타입은 존재하며 다만 변수/ 상수 선언 시 명시하지 않을 뿐 - typeof(x) : 전달된 x의 타입을 문자열로 반환한다. - number : 전달된 값이 숫자 - string : 전달된 값이 문자열 - boolean : 전달된 값이 논리형 - object : 전달된 값이 다른 타입으로 정의할 수 없는 일반 객체 - undefined : 전달된 값이 undefined - function : 전달된 값이 함수 ✔️ 숫자 : 0부터 9 혹은 마침표(.)로 이루어진 값. - 지수표기법 (Exponential Notation) : {n}E{x} 방식으로 표기. 이는 n 곱하기 10의 x승..

1. MemberController에서 회원가입시 정보를 받을 화면을 getRegister 메서드에서 register.html 연결 @RequestMapping(value = "register", method = RequestMethod.GET, produces = MediaType.TEXT_HTML_VALUE) public ModelAndView getRegister() { ModelAndView modelAndView = new ModelAndView("member/register"); return modelAndView; } 2. 이메일 인증,비밀번호 해싱 등 다른 서비스 구현은 다음에 할 테니 우선 생략 위 html 에서 입력받은 'user' 객체를'IMemberMapper' 객체의 'insert..

랜딩페이지를 만들다가 그 사이트 내에서 나에게 바로 연락할수 있게 하고싶어서 찾아보니 JavaScript로 보낼수 있는 EmailJs 라는 API가 있었다. (나래언니 고마워 🥹❤️) [작동 결과물] 1. 회원가입을 한 뒤 로그인을 한다. https://www.emailjs.com Send email directly from your code | EmailJS No server side code required. Add static or dynamic attachments, dynamic parameters, captcha code and more. Start with our free tier! www.emailjs.com 2. Email Services에서 Add New Service 클릭 난 이미 추..

오늘은 리뷰페이징에 대해 기록 해보자 ! 지난번에 포스팅한 목록페이징 같은 경우엔, list.html 그 자체에서 상품을 가져올때 페이징처리 해주고 html 타임리프 사용해서 넣어주면 끝이였는데, 이번에 리뷰페이징은 컨트롤러에서 애초에 JSON타입으로 값을 보내주기도 했고, 상품 읽기 페이지 안에 자바스크립트로 반복문을 실행하면서 리뷰를 가져오는거라 페이징 처리에 접근하기가 조금 난감했는데, 강사님께 여쭤보니 javaScript xhr 로 페이징을 해야한다는 힌트를얻고 시작 ! : 페이징 처리하기위해 필요한 모델 패키지/컨트롤러 생성 후 변수 3개 받았을때 처리할 메서드 만들기 public PagingModel(int countPerPage, int totalCount, int requestPage) {..