[프로그래머스, Java] 두 개 뽑아서 더하기
·
Algorithm
문제 설명정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요.제한사항numbers의 길이는 2 이상 100 이하입니다. numbers의 모든 수는 0 이상 100 이하입니다.  풀이 풀이 1import java.util.ArrayList;import java.util.Arrays;import java.util.Collections;class Solution { public int[] solution(int[] numbers) { ArrayList result = new ArrayList(); for(..
리액트 시작과 실행, 작동 원리
·
Development/React
리액트는 페이스북, 인스타그램, 넷플릭스 등을 비롯한 유명 서비스들에 사용된 기술로 많이 사용되고 있는 프론트엔드 기술입니다. 2013년 페이스북 팀이 개발한 오픈소스로, 서비스의 변화가 쉽고 사용자와 상호작용이 원활하도록 할 수 있는 기술 개발을 목적으로 만들어졌습니다.  그럼 이러한 React 사용을 위해 로컬 환경(Visual studio 이용)에서 리액트 프로젝트를 시작하는 방법을 설명하고, 그 작동 원리를 이해해보겠습니다.  리액트앱 생성하기 Create React App  프로젝트를 생성할 폴더를 Visual Studio 로 열고, 터미널을 열어 아래 코드를 입력합니다. 여기서 만일 Need to install the following packages: ... 라는 메세지가 뜰 경우 y를 입력..
[Javascript] 동기 비동기의 개념과 Promise, async/await
·
Development/JavaScript
Javascript 비동기 프로그래밍의 핵심 개념인 Promise, async/await 에 대해 정리해보고자 합니다. 설명에 앞서 먼저 동기와 비동기에 대해 간단히 정리하자면, 동기 처리(Synchronous)란 코드가 작성된 순서로 실행되며, 각 작업이 완료될 때까지 다음 작업이 기다리는 방식을 의미합니다. 반대로 비동기 처리(Asynchronous)란 현재의 작업 완료를 기다리지 않고 다음 작업을 실행하는 방식입니다.  좀 더 쉽게 표현하면, 동기 처리는 줄 서서 기다리기, 비동기 처리는 주문하고 진동벨 받기에 비유할 수 있습니다.  그렇다면, Javascript 에서 비동기 처리를 돕는 Promise, async/await는 왜 만들어진 것일까요?   복잡한 비동기 코드를 더 쉽고 깔끔하게 비동기..
HTML, CSS 에서의 문자셋 설정 charset, UTF-8
·
Development/HTML
Charset (Character set, 문자셋) 웹 브라우저 또는 HTML 문서가 어떤 문자셋으로 되어있는지 명시해놓은 속성. encoding(인코딩)을 어떤 종류의 문자셋으로 해줄지, 즉 인코딩하는 방식을 정하는 것. ※ encoding(인코딩) : 사람의 언어를 컴퓨터가 읽을 수 있는 부호로 전환해주는 것이다. 반대로 decoding(디코딩)은 컴퓨터의 언어를 사람의 언어로 전화해주는 것을 의미한다. Charset의 종류 1. ASCII(아스키 코드) 가장 처음 만들어진 문자셋으로 127개의 영문자와 숫자로만 이루어져있다. 한글을 지원하지 않기 때문에 깨져서 나타난다. 2. UNICODE(유니코드) 아스키 코드의 단점을 극복하기 위해 만들어진 코드 체계로 각 나라별 언어를 모두 표현할 수 있다. ..