728x90 반응형 IT 개발186 [javascript] find 사용하기 [find 사용하기] Array 객체의 find 메소드는 인자로 대입된 callback 함수를 통해 배열 내부를 순환하면서, 특정 조거믈 만족하는 첫 번째 요소를 반환한다. 확인하는 방식은 callback 함수 내부에 정의된 문장들을 통해 테스트하게 되는데, callback 함수의 반환값은 무조건 true 또는 false 이어야 한다. const arr = [ {name : '우림', age : 2}, {name : '현아', age : 5}, {name : '탄이', age : 30}, {name : '현일', age : 3}, {name : '혜림', age : 6} ]; const myFriend = arr.find(a => a.age === 30); console.log(myFriend); 결과 .. 2023. 4. 16. [javascript] 모듈 이해하기 [모듈 이해하기] 모듈은 파일이나 코드의 묶음 단위로 애플리케이션 하나의 구성요소로 볼 수 있다. 이렇게 모듈로 정의하면 모듈 단위로 코드를 재사용 할 수 있고, 하나의 애플리케이션이라는 큰 기능을 작은 기능 단위로 잘게 분리하여 관리할 수 있다. var namespaceA = (function(){ var privateVariable = '비공개 변수'; return { publicApi : function(){ console.log(priavteVariable + '를 접근할 수 있습니다.'); } } })(); namespaceA.publicApi(); 기본적으로 변수와 함수를 선언하게 되면 전역으로 정의되어 다른 라이브러리나 타인의 코드에서 정의된 이름들과 충돌이 날 수 있기 때문이다. var 키.. 2023. 4. 16. [Spring] Service의 정의와 역할 (+ 트랜잭션) [Spring] Service의 정의와 역할 (+ 트랜잭션) [트랜잭션] 트랜잭션이란 데이터베이스에서 데이터 처리를 위한 하나의 논리적인 작업 단위를 의미 [@Service란] @Service는 스프링의 비즈니스 로직 처리에서 트랜잭션 처리를 위한 구간이며, @Repository에 속하는 여러 메서드들을 하나의 작업 단위로 묶어 처리되는 데이터 작업 중 하나라도 실패하게 된다면 Rollback 시키고 모두 정상적으로 처리되면 Commit 시켜준다. [******* 별이 다섯개~~ 구간 ******] @Service구간이 정상적으로 구현되어 있다면 사용자가 시스템을 사용하는 도중 데이터 처리와 관련된 에러가 발생하더라도일부 데이터만 생기는 등의 문제가 발생되지 않습니다. - @Transactional 어노.. 2023. 4. 7. [Spring] 비즈니스 로직이란? [비즈니스 로직이란?] - 실제 DB와 연동하여 Data를 얻어오기 위한 작업을 수행하는 영역 - 비즈니스(서비스) 로직 수행 - 컴퓨터 프로그램에서 실세계의 규칙에 따라 데이터를 생성·표시·저장·변경하는 부분을 일컫는다. 이 용어는 특히 데이터베이스, 표시장치 등 프로그램의 다른 부분과 대조되는 개념으로 쓰인다. 서비스 영역을 지칭하기도 한다. * 업무를 하면서 가장 기본적으로 알아야 하는 용어 2023. 4. 6. [jQuery] fileDrop() 파일을 dragDrop하여 끌어다 놓아 파일 업로드 할 때가 있는데 jQuery의 fileDrop()을 사용하는 방법이 있다. [활용 소스] $(`#dropZone`).filedrop({ url: `https://example.com/upload/Upload.asp?uploadLocation=${uploadLocation}&filename=${filename}`, paramname: 'file1', maxfiles: 1, myFiles: files, rename: function() { return filename; }, uploadFinished: function (i, file, response, time) { curImg=curDiv.find(`.prdimg`).attr(`src`,``); curI.. 2023. 4. 5. [JAVA] 파파고 번역기 API 사용 [파파고 번역기 API 사용하기] 파파고 번역기 API는 OPEN API로 네이버 로그인 후 'API 신청' 후 Client ID와 Client Secret 받고 사용!! [애플리케이션 등록 API 이용신청] Appiction 카테고리 hover -> 애플리케이션 등록 선택 시 아래와 같은 화면이 나온다. 애플리케이션 이름과, 사용 API (Papago 번역) 선택 사용 API를 선택하면 '비로그인 오픈 API 서비스 환경' 란이 생긴다. IOS, Android, WEB 중에 선택하고 등록하기 버튼 클릭한다. 등록하고 나면 '내 애플리케이션' 메뉴에 내가 등록한 애플리케이션 이름이 하위 메뉴로 노출되며 해당 화면에 진입하게 되면 '애플리케이션 목록'이라고 하여 Client ID와 Client Secret.. 2023. 4. 5. JAVA - 도로명 주소 Open Api 사용 [도로명 주소 OpenAPI 사용] [도로명 주소 홈페이지] https://www.juso.go.kr/openIndexPage.do 주소정보누리집(도로명주소 안내시스템)국가기초구역이란 각종 관할구역(통계, 우편, 소방, 경찰 등)을 관리하기 위해 나눈 단위 구역입니다.국가기초구역번호는 우편번호로 사용됩니다.www.juso.go.kr application.yml에 있는 value 사용 @Value("${경로}") public String url; 2023. 4. 5. [javascript] 클립보드 복사 - window.navigator.clipboard [클립보드 복사 기능] - window.navigator.clipboard.writeText(text)를 하게되면 text가 복사되며, 메모장에 붙여보시면(Ctrl + V) 복사된 문자가 작성되는 것을 확인할 수 있다. - 클립보드, URL 복사, 링크 복사와 같은 기능을 사용할때 이용! window.navigator.clipboard.writeText("ㅇㅇ").then(() => { $.alert("ㅇㅇ" + " 클립보드에 복사되었습니다."); }); 2023. 4. 3. Vue 인스턴스 정의와 속성 Vue 인스턴스 정의와 속성 뷰 인스턴스는 뷰로 화면을 개발하기 위해서 필수적으로 생성해야 하는 기본 단위이다. new Vue({ el : '#app', data : { message : 'Hello vue.js' } }); 뷰 인스턴스 생성자 new Vue()로 인스턴스를 생성할 때 Vue를 생성자라고 한다. Vue 생성자는 뷰 라이브러리를 로딩하고 나면 접근할 수 있따다. 생성자를 사용하는 이유는 뷰로 개발할 때 필요한 기능들을 생성자에 미리 정의해 놓고 사용자가 그 기능을 재정의하여 편리하게 사용하도록 하기 위해서 이다. 2023. 3. 26. Vue 인스턴스 라이프 사이클 [Vue 인스턴스 라이프 사이클] 인스턴스의 속성 중 created는 인스언스가 생성되었을 때 호출할 동작을 정아ㅣ하는 속성이다. 인스턴스의 상태에 따라 호출할 수 있는 속성들을 라이프 사이클 속성이라고 한다. 그리고 각 라이프 사이클 속서에서 실행되는 커스텁 로직을 라이프 사이클 훅(hook)이라고 한다. 라이프 사이클 속성에는 created, beforeCreate, beforeMount, mounted 등 인스턴스의 생성, 변경, 소멸과 관련되어 총 8개가 있다. beforeCreate 인스턴스가 생성되고 나서 가장 처음으로 실행되는 라이프 사이크 ㄹ단계 이다. 이 단계에서는 data속성과 methods 속성이 아직 인스턴스에 정의되어 있지 않고, 돔과 같은 화면 요소에도 접근할 수 없다. Crea.. 2023. 3. 26. 이전 1 2 3 4 5 6 7 8 ··· 19 다음 728x90 반응형
