티스토리

민트의 개발일지📜

검색하기

블로그 홈

민트의 개발일지📜

mintea.tistory.com/m

개발 공부를 하고 있습니다

구독자: 0

방명록 방문하기

주요 글 목록

[SpringBoot] 01. 개발환경구축 1. 프로젝트 생성 스프링 사이트에서 템플릿 다운 : https://start.spring.io/ IDE : 인텔리제이 JDK : 11버전 빌드툴 : 메이븐 (의존성관리, 의존성 추가는 다른 라이브러리를 사용하기 위해 추가한다는 의미) 패키징 : Jar 의존성 : Spring web 2. 프로젝트 구조 src/main/java : 자바 소스코드 src/main/resources : html, css, js, image 등 정적 리소스 저장 src/test/java : 테스트 코드 작성 3. 빌드도구 프로젝트의 빌드를 자동화해주는 빌드 툴. (메이븐, 그래들) 개발 중 많은 라이브러리를 사용하기 위해 pom.xml 파일에 필요한 라이브러리를 등록하면 메이븐이 네트워크를 통해 자동으로 다운로드 후 경로까지 .. 공감수 0 댓글수 0 2022. 6. 3.
[React Native] 윈도우에서 안드로이드 에뮬레이터 실행하기 환경설정을 끝내고 앱 생성까지 해보았으니 안드로이드 에뮬레이터로 실행해봅니다. 1. 에뮬레이터 생성 1) 안드로이드 스튜디오 실행 - Tools - Device Manager 클릭 2) Create device를 눌러 가상장치를 만듭니다. (저는 Phone은 Pixel 3 , API level은 30 (R)로 선택했습니다.) 2. metro 서버 시작 - 리액트 네이티브 프로젝트를 빌드하여 실행할 때마다 Metro라는 패키지가 시작됩니다. - 메트로는 모든 자바스크립트 파일을 가져와 단일 파일로 결합하여 제공하는 자바스크립트 번들러입니다. (webpack 같은 느낌) - 이 서버에서 소스코드를 컴파일하여 앱으로 전송해 줍니다. 1) vscode 실행 - 리액트 네이티브 프로젝트 폴더 열기 2) 터미널 열.. 공감수 0 댓글수 0 2022. 4. 7.
[React Native] 프로젝트 생성 & JSX 구문 사용 참고한 교재는 Do it 리액트 네이티브 앱 프로그래밍 입니다! 리액트 네이티브 프로젝트 만들기 타입스크립트로 개발하는 경우 --template 옵션에 react-native-template-typescript을 지정합니다. npx react-native init 프로젝트명 --template react-native-template-typescript code 프로젝트명 // vscode 폴더 열기 물리DOM과 가상DOM 리액트 프레임워크는 물리 DOM 구조와 가상 DOM 구조를 사용합니다. 물리 DOM 구조 웹 브라우저에서 자바스크립트 코드가 생성하는 실제 DOM 구조 const elem = document.createElement('p'); elem.innerText = '리액트 네이티브 공부해요';.. 공감수 0 댓글수 0 2022. 4. 6.
[React Native] 윈도우에서 개발 환경 세팅하기! 리액트 네이티브 공부를 시작했습니다. 참고한 교재는 Do it 리액트 네이티브 앱 프로그래밍 입니다! 리액트 네이티브 - 안드로이드, iOS 운영체제에서 크로스플랫폼으로 제작할 수 있는 프레임워크 - 2015년 페이스북에서 리액트 네이티브 프레임워크 발표 - 네이티브 파트와 자바스크립트 파트로 구성 윈도우에서 개발 환경 세팅하기 설치 순서 1. Scoop 2. Node.js 3. 자바8 JDK 4. Vscode 5. 안드로이드 스튜디오 Scoop 설치 - 운영체제가 윈도우10이면 앱 개발에 필요한 소프트웨어를 각 웹 사이트에서 다운받아 설치해야 합니다. - 이 방식은 소프트웨어가 업데이트되면 다시 다운로드하여 설치해야 합니다. - Scoop란 설치 프로그램을 사용하여 scoop update * 명령으로 .. 공감수 0 댓글수 0 2022. 4. 3.
[javascript/jQuery] select box와 option 제어하기 select box를 제어해보기 selectbox를 사용하던 중 정리해두면 좋을 것 같아서 포스팅 해볼게요! 자주 사용하는 기능을 jQuery와 javascript로 분류했습니다. 신한은행 하나은행 국민은행 우리은행 농협은행 1. select box 의 selected 된 옵션값, 텍스트 가져오기 jQuery $("select[name=bank] option:selected").val(); // kb $("select[name=bank] option:selected").text(); // 국민은행 javascript document.querySelector("select[name=bank] option:checked").value; // kb document.querySelector("select[nam.. 공감수 10 댓글수 0 2022. 4. 1.
[Javascript] 콜백 함수 이해하기 (callback function) Javascript Callbacks 콜백은 다른 함수의 파라미터로 전달되는 함수입니다. 이 콜백함수를 사용하면 함수가 파라미터로 받은 다른 함수를 호출할 수 있습니다. 콜백함수가 어떻게 구현되는지 간단한 예제를 봅시다. 간단한 계산식 후 로그를 찍는 함수 입니다. 계산기 함수(myCalculator)를 호출하여 결과를 저장한 다음, 출력 함수(myDisplayer)를 호출하여 결과를 로그로 남깁니다. 📄 콜백함수를 사용하지 않은 일반함수 호출 // 출력함수 function myDisplayer(result) { console.log('계산결과 : ', result); } // 계산기함수 function myCalculator(num1, num2, callback) { let sum = num1 + nu.. 공감수 0 댓글수 0 2022. 3. 29.
[javascript] Map 객체를 사용해보자 Map 자바스크립트 자료구조 중 map에 대해 포스팅 해보겠습니다. ES6에 도입된 Map은 Object객체와 동일하게 key-value 쌍으로 저장되며 삽입 순서도 기억하는 컬렉션 입니다. key-value의 형태로 이루어져있으며 삽입 순서를 기억 key는 모든 값 (함수, 객체 등)을 사용 가능 get, set 을 이용하여 키 값을 반환, 설정 기본 구문 const myMap = new Map([ ['a', 1], ['b', 2] ]); myMap.set('c', 3); Object.fromEntries(myMap); // {a: 1, b: 2, c: 3} new 생성자를 통해서만 생성이 가능합니다. key값으로 String과 Symbol 타입만 가질 수 있는 Object형과 달리, 어떠한 값이라도 .. 공감수 0 댓글수 0 2022. 3. 28.
[javascript] 대괄호 안의 숫자 추출하기 대괄호 [] 안의 숫자 추출하기 정규식을 사용해서 추출해봅니다. 공감수 1 댓글수 0 2022. 3. 24.
[PHP] 파일 다운로드 PHP 파일 다운로드 php에서 서버에 있는 파일 다운로드 받는 기능을 구현해 보겠습니다. 공감수 0 댓글수 0 2022. 3. 23.
[PHP] json_decode이 안될 때, json_last_error() 확인하기 json 형식의 문자열을 배열로 파싱해볼게요. 공감수 0 댓글수 0 2022. 3. 10.
[PHP] 카카오 로그인 - 엑세스 토큰 발급 받기 카카오 로그인을 사용하기 위해 엑세스 토큰을 발급받아보겠습니다. 엑세스 토큰(Access Token)은 사용자 인증과 카카오 API 호출 권한을 부여하는 토큰입니다. 카카오 로그인이 진행되는 과정 간단하게 액세스 토큰을 발급받는 과정을 포스팅 해보겠습니다. 카카오 로그인을 사용하기 위한 설정 1. 활성화 설정과 Redirect URI 등록 카카오 개발자사이트 내 어플리케이션 > 제품설정 > 카카오 로그인 활성화 설정의 상태를 ON으로 변경한 후 Redirect URI를 등록해 줍니다. Redirect URI는 사용자가 카카오 카카오 계정으로 로그인을 요청하여 발급받는 인가 코드(Authorization Code)를 전달받아 처리할 페이지가 됩니다. (이 코드로 토큰요청을 합니다.) 저는 토큰요청할 페이지.. 공감수 0 댓글수 0 2022. 3. 7.
[Javascript] 오늘 날짜 구하기, 원하는 포맷으로 출력하기 오늘 날짜를 구하고, 원하는 포맷으로 출력해보자 자바스크립트로 오늘 날짜를 구하고, 원하는 형태의 포맷으로 출력해보겠습니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date Date - JavaScript | MDN JavaScript Date 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타냅니다. Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담습니다. developer.mozilla.org Date 객체 사용 let today = new Date(); // 값 : Fri Mar 04 2022 08:49:10 GMT+0900 (한국.. 공감수 0 댓글수 0 2022. 3. 4.
[Javascript] 문자열 분할하기 split() split() 메서드를 사용하여 문자열을 배열로 분할하기 php에서는 explode()로 문자열을 배열로 분할하여 사용했는데, 자바스크립트에서도 비슷한 메서드가 있습니다. 구문 str.split([separator[, limit]]) 매개변수 separator : 문자열을 끊을 문자 limit : 끊은 문자열의 최대갯수를 나타내는 정수이며 선택옵션 입니다. 예제 let week = "월,화,수,목,금,토,일"; let week_array = week.split(","); console.log(week_array); // ['월', '화', '수', '목', '금', '토', '일'] console.log(week_array[1]); // 화 ※ 참고 : https://developer.mozilla.or.. 공감수 0 댓글수 0 2022. 3. 3.
[PHP] 암호화 함수 openssl_encrypt 를 사용하여 암복호화 사용하기! PHP 5.3 이상에서 사용할 수 있는 openssl_encrypt() 함수로 공통으로 사용할 수 있는 암호화, 복호화 함수를 만들어 보겠습니다. https://www.php.net/manual/en/function.openssl-encrypt.php PHP: openssl_encrypt - Manual I saw that a doc bug(#80236) were there mentioned that $tag usage. Here is an examples, Hopes those may help someone. 16 || ($tagLength < 12 && $tagLength !== 8 && $tagLength !== 4)) { throw new RuntimeException('The inputs `$c.. 공감수 0 댓글수 0 2022. 3. 3.
[PHP] 카카오 REST API를 사용해보자 카카오 개발자 사이트에서 앱키 발급받기 1. 카카오 개발자사이트에 로그인 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 내 애플리케이션 - 애플리케이션 추가하기 애플리케이션을 추가하여 앱을 생성합니다 생성된 앱을 클릭하여 앱 키를 확인합니다. 여기서 REST API 키를 사용할 거에요. 좌표로 주소 변환하기 카카오 로컬 API를 사용하여 좌표로 주소 변환해보겠습니다. API에 대한 요청, 응답값에 대한 자세한 설명은 아래 링크를 참조해 주세요. https://developers.kaka.. 공감수 0 댓글수 0 2022. 3. 3.
[HTML] HTML5 기본 템플릿 this is a paragraph 참고 : https://www.w3schools.com/html/html_intro.asp 공감수 0 댓글수 0 2022. 3. 3.
[PHP] CURL GET, POST 사용법 cURL(Client URL Library) URL을 사용하여 서버와 연결, 다양한 데이터를 전송하는 프로그램으로 저는 Rest API 통신시 자주 사용하고 있습니다. https://www.php.net/manual/en/intro.curl.php cURL GET방식 예제 cURL POST방식 예제 curl_init : 새로운 cURL 리소스생성(초기화) curl_setopt_array : cURL 전송시 여러 옵션 설정 curl_exec : cURL 실행 curl_getinfo : 전송 정보를 리턴받음 참고 : https://www.php.net/manual/en/ref.curl.php 공감수 0 댓글수 0 2022. 3. 3.
[Javascript/HTML5] 데이터 속성을 사용하여 HTML5에 데이터 저장하기 HTML5에서 추가된 개념으로 데이터 속성을 사용하여 DOM요소에 데이터를 저장할 수 있습니다. 데이터 속성은 'data-*'로 시작합니다. 1. HTML data-age와 data-id란 속성을 추가했습니다. 2. javascript * 데이터 속성 가져오기 let element = document.querySelector("input[name=user_name]"); let age = element.getAttribute("data-age"); let id = element.getAttribute("data-id"); console.log(age, id); // 20, hong * 데이터 속성 변경하기 let element = document.querySelector("input[name=user_n.. 공감수 0 댓글수 0 2022. 3. 2.
[PHP] 랜덤 문자열 생성하기 공감수 0 댓글수 0 2022. 3. 2.
[PHP] php배열을 javascript에서 사용하기 php배열을 javascript에서 사용하기 1. php json_encode() 함수를 사용하여 json문자열로 변환 // PHP배열 $fruits = array("strawberry"=>"딸기", "banana"=>"바나나", "apple"=>"사과"); $fruits_json = json_encode($fruits); 2. javascript 변환한 json을 객체로 받기 // javascript let js_fruits = ; console.log(js_fruits); for (let val in js_fruits) { console.log(val);// 딸기 console.log(js_fruits[val]);//strawberry } 공감수 0 댓글수 0 2022. 3. 2.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.