본문 바로가기

분류 전체보기

 (104)
[Java] 10간(十干)/ 12지(十二支) 나열하기 /* * 십이지신을 통틀어 영어로 Chinese Zodiac이라고 한다. * 직역하면 "중국식 황도십이궁"인데 십이지신의 기원이 중국이고 * 서양 점성술의 기본이되는 황도십이궁(조디악)과 비슷한데서 유래됨 */public class ChineseZodiac { // 십간(十干) 데이터 final static String[] gan ={"갑", "을", "병", "정", "무", "기", "경", "신", "임", "계"}; final static String[] hgan = {"甲", "乙", "丙", "丁", "戊", "己", "庚", "辛", "壬", "癸"}; // 십이지(十二支) 데이터 final static String[] ji = {"자", "축", "인", "묘"..
[Java] 자바 Lotto 1줄로 만들기 import java.util.Random;public class Lotto { public static void main(String[] args) { new Random().ints(1, 46).distinct().limit(6).sorted().forEach((e) -> { System.out.printf("%3d", e); }); }}new Random()                                           // 난수 생성기.ints(1, 46)                                                  // 1 ~ 45 사이의 난수 생성(intStream 생성).distinct()                                ..
[JavaScript] Axios 사용해 보기 Axios AxiosPromise based HTTP client for the browser and node.js Axios is a simple promise based HTTP client for the browser and node.js. Axios provides a simple to use library in a small package with a very extensible interface.axios-http.com 시작하기 | Axios Docs 시작하기 | Axios Docs시작하기 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 클라이언트 라이브러리 Axios란? Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 입니다. 그..
[JavaScript] Fetch API 사용해보기 fatch() 함수가 어떤 역활을 하는지 알아보기 전에 일단 예제 하나를 만들어 보고 시작 하겠습니다. 다음은 fatch()를 이용하여 이미지를 받아 화면에 표시한 예제 입니다.  html> lang="ko">            src="" class="img" />                    href='https://www.pexels.com/ko-kr/photo/669015/'>Pexels Septimiu Lupea님의 사진             F12키를 눌러 개발자 모드의 console 창을 열어 확인한 내용입니다. 이미지 하단에 다운로드하는 링크를 달아보겠습니다.위 html 파일을 수정합니다. html> lang="ko">            src="" class="img" />..
[JavaScript] JSON-SERVER 사용해 보기 json-server란?JSON Server는 JSON 파일을 이용해 모의용 RESTful API 서버 및 DB를 구축할 수 있는 도구입니다.백엔드 API 서버나 DB가 준비되지 않은 상황에서도 프로토타입을 개발하거나 테스트때 사용하면 유용합니다. https://www.npmjs.com/package/json-server json-server[![Node.js CI](https://github.com/typicode/json-server/actions/workflows/node.js.yml/badge.svg)](https://github.com/typicode/json-server/actions/workflows/node.js.yml). Latest version: 1.0.0-beta.3, last pu..
[JavaScript] Async & Await 알아보기 자바스크립트  비동기 처리 방식이 자주 쓰입니다. 서버에게 리소스를 요청하거나 파일 입출력 혹은 타이머 대기 작업을 실행하는 Web APIs 들은 비동기 처리 방식으로 백그라운드로 동작되기 때문에 그 결과가 언제 반환될지 알수 없습니다.그래서 완료되면 결과를 받아 처리하기 위해 사용되는 대표적인 방법으로 콜백 함수(Callback) 와 이를 개선한 프로미스 객체(Promise)가 있습니다.하지만 서비스 규모가 커질 수록 코드가 복잡해짐에 따라 코드를 중첩해서 사용하다가 가독성이 떨어지고 유지보수가 어려워지는 상황이 발생되게 되는데, 이를 콜백지옥(Callback Hell), 프로미스 지옥(Promise Hell)이라고 합니다.        // 콜백 지옥(Callback hell)에 빠진다.       ..
[JavaScript] Promise란? “A promise is an object that may produce a single value some time in the future”Promise는 미래에 단일 값을 생성할 수 있는 객체입니다.  프로미스는 자바스크립트 비동기 처리에 사용되는 객체입니다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미합니다. 프로미스(Promise)를 이용하면 비동기 처리의 결과 값을 처리하는 콜백 함수를 비동기 함수로부터 분리할 수 있습니다.  일단은 Promise 객체를 만들어 보도록하겠습니다.함수를 비동기 함수로 만들면 됩니다. 두가지 방법이 있습니다.  첫번째는 함수명 앞에 "async" 예약어를 붙이는 겁니다..
[JavaScript] Synchronous(동기)/비동기(Asynchronous) 프로그램을 실행할 때 항상 한 작업을 끝낸 후 다음 작업을 시작하는 것을 동기(Synchronous) 프로그램이라고 하고, 그에 비해 어떤 작업을 처리하는 도중 다른 작업을 시작할 수 있으면 비동기(Asynchronous) 프로그램이라고 합니다. 동기적 처리 방식의 장점은 동기적, 순차적으로 즉시 실행되어 순서를 보장할 수 있다는것 입니다. 하지만 단점도 존재하는데  현재 작업이 종료될 때 까지 다음 작업이  실행이 되지 않는 blocking 현상이 발생하여 프로그램이 멈춰진것 처럼 보일 수 있습니다. blocking 현상이란 현재의 작업이 완료될 때 까지 작업이 중단되고 이후 코드들이 실행되지 않는현상입니다.const task1 = () => {             // 작업시간이 5분 정도 소요된다..

티스토리툴바