본문 바로가기

분류 전체보기329

[Javascript] 콜백 (Callback) 함수 사용 방법 Javascript를 공부하다 보면 반드시 나오는 단어 중 하나가 바로 콜백(Callback) 함수입니다. 그리고 콜백 함수를 조금 더 쉽고 편하게 사용하기 위한 기능도 내장되어 있습니다. 이번 포스팅에서는 콜백 함수가 무엇이고 어떻게 사용한지 알아보도록 하겠습니다. 콜백(Callback) 함수란 무엇인가 콜백 함수는 어떤 함수를 실행시키고 난 이후에 결과를 받을 함수 혹은, 그다음에 실행될 함수를 의미합니다. 콜백 함수가 나오게 된 이유는 Javascript의 모든 이벤트는 모두 싱글 스레드입니다. 즉, 한 번에 한 가지 일만 처리하는 것이죠. 싱글 스레드의 경우는 작업을 요청한 이후에 그 작업이 끝날 때까지 다음 작업은 진행할 수 없습니다. 만약 통신 과정이 포함되어 있고 데이터를 보낸 이후에 답이 .. 2021. 5. 27.
[Apple] iOS 14.6 업데이트 배포. 무엇이 업데이트 되었나 애플은 iOS 14.6을 공식적으로 배포했습니다. 이번 업데이트는 다음 달 WWDC(세계 개발자 회의)에서 발표될 iOS 15를 앞두고 배포된 버전입니다. 이번 업데이트에서는 어떤 기능들이 업데이트 되었는지 알아보겠습니다. 팟 캐스트 개별 프로그램에 대한 구독 팟 캐스트를 사용해 보셨나요? 애플 공식 행사를 포함하여 여러 가지 뉴스, 라디오들을 들을 수 있는 앱입니다. 기본적으로 iOS에는 설치가 되어 있습니다. 이번 iOS 14.6에서는 앞으로 진행될 구독 지원에 대한 업데이트가 제공되었습니다. 팟 캐스트의 개별 프로그램 구독이 가능해지고 월간 청구가 됩니다. 팟 캐스트는 무료로 들을 수 있는 프로그램도 많은 반면 유료 구독 서비스도 동시에 진행이 가능해지기 때문에 앞으론 구독이 필요한 프로그램도 증가.. 2021. 5. 26.
IE (Internet Explorer) 지원 종료. 그리고 Edge의 향상된 기능! 지난 포스팅에서 언급했듯 IE (Internet Explorer)의 지원은 점점 줄어가고 중단되는 날짜까지 MS(MicroSoft)에서는 언급했었습니다. 2020.08.26 - [쿤즈 IT/최신 IT 소식] - 인터넷 익스플로러(IE) 퇴출 예정, 새로운 엣지(Edge) 브라우저로 인터넷 익스플로러(IE) 퇴출 예정, 새로운 엣지(Edge) 브라우저로 마이크로소프트(MS)에서는 내년까지 시간을 두며 인터넷 익스플로러(IE)의 지원을 차근차근 중단하기로 결정했다는 소식입니다. 내년 8월부터는 인터넷 익스플로러(IE)에서는 오피스와 같은 프로 koonsland.tistory.com 그리고 이번에는 공식적인 날짜를 언급하여 IE11 데스크톱 애플리케이션 종료를 알렸습니다. 어떠한 내용들이 있었는지 살펴보겠습니.. 2021. 5. 25.
[ GraphQL] 스키마(Schema) 정의 방법 (4): Mutation type 지난 포스팅까지 기본적인 스키마들을 정의해서 Query까지 만들어 보았습니다. 기본적인 타입은 Scalar types, Object types이 있었으며, 데이터를 호출하기 위해서 Query type을 만들어서 데이터를 가져오는 데까지 해보았습니다. 이번 포스팅에서는 네 번째로 Mutation type에 대해서 알아보도록 하겠습니다. GraphQL 지원되는 타입의 종류 GraphQL에서 스키마 정의에 사용되는 모든 타입들은 아래와 같은 종류가 있습니다. Scalar types Object types The Query type The Mutation type Input types Enum types 이 중에서 이번 포스팅에서는 Mutation types에 대해서 알아보도록 하겠습니다. The Mutatio.. 2021. 5. 24.
[Javascript] 비동기(Asynchronous) 사용해보기 Javascript 프로그래밍에서 이제는 빼놓을 수 없는 프로그래밍 방법이 바로 비동기 (Asynchronous) 프로그래밍입니다. 이번 포스팅에서는 비동기가 무엇인지 알아보고 대표적인 비동기 함수인 setTimeout()에 대해서 알아보겠습니다. 비동기(Asynchronous)란 무엇인가 비동기 프로그램 이전에 동기 프로그래밍이 있었습니다. 대부분의 C언어는 동기 프로그래밍입니다. 동기와 비동기의 차이점은 하나입니다. 결과를 받을 때까지 기다리는가, 아니면 기다리지 않는가. 이게 무슨 의미인지 아래를 보도록 하겠습니다. 우선 동기(Synchronous)라고 생각해 보겠습니다. statement1(); statement2(); statement3(); statement1() 함수를 실행했을 때 st1의 .. 2021. 5. 23.
[Javascript] Map 사용 방법 (ES6) Javascript의 ES6 이상 버전에서는 여러 가지 편리한 기능과 함수들이 다수 등장했습니다. 이전 포스팅에서 언급한 Spread 연산자도 그 한 부분입니다. 이번 포스팅에서는 map에 대해서 알아보고 사용을 해보도록 하겠습니다. Javascirpt Map Javascript에서 Map은 Object과 유사한 부분을 가지고 있습니다. 모두 key와 value의 형태로 데이터를 저장한다는 것입니다. 다만 Map의 키는 문자열뿐만 아니라 함수 혹은 다른 데이터 타입도 키로 사용할 수 있습니다. Javascript의 Map을 사용하는 방법은 다음과 같습니다. let map = new Map(); console.log(map); // Map(0) {} 새로운 Object를 변수에 대입시킬때처럼 new 키워드.. 2021. 5. 22.
[GraphQL] 스키마(Schema) 정의 방법 (3): Query type 지난 포스팅에서 GraphQL의 스키마에 대해서 알아보기 시작했습니다. 그중에서도 기본적인 타입인 Scalar types을 보았고 이후에 이 Scalar types을 포함해서 만든 Object types을 만들어 보았습니다. 이번 포스팅에서는 세 번째로 Query type에 대해서 알아보도록 하겠습니다. GraphQL 지원되는 타입의 종류 GraphQL에서 스키마 정의에 사용되는 모든 타입들은 아래와 같은 종류가 있습니다. Scalar types Object types The Query type The Mutation type Input types Enum types 이 중에서 이번 포스팅에서는 Query types에 대해서 알아보도록 하겠습니다. The Query type 이 타입은 GraphQL의 A.. 2021. 5. 21.
[Javascript] 최댓값, 최솟값 구하는 방법 Javascript를 이용해서 여러 가지 수학적인 계산을 하는 경우도 있고, 데이터를 분석하기 위해서 값을 찾는 경우도 있습니다. 이번 포스팅에서는 Javascript 내장 함수를 이용해서 최댓값과 최솟값을 구하는 방법을 알아보겠습니다. Javascript 최댓값 구하기 최댓값과 최솟값을 구하기 위해서는 Javascript 내장 함수를 사용합니다. 내장 함수는 Math Object의 max(), min() 함수입니다. Math.max([val1, val2, ... ]) Math Object에는 많은 함수들이 있습니다. 그중에서도 max() 함수를 사용합니다. max() 함수의 parameter는 값들이 들어갑니다. 예를 들어서 보도록 하겠습니다. Math.max(1, 2, 3, 4, 5); // 5 ma.. 2021. 5. 20.
[GraphQL] 스키마(Schema) 정의 방법 (2): Object types 지난 포스팅에서 GraphQL의 스키마에 대해서 알아보기 시작했습니다. 우선 스키마를 정의하기 위한 언어인 SDL(Schema Definition Language)을 이용해서 GraphQL의 스키마를 만드는 방법을 알아보고 Scalar types은 무엇인지 알아보았습니다. 이번 포스팅에서는 두 번째로 Object types에 대해서 알아보도록 하겠습니다. GraphQL 지원되는 타입의 종류 GraphQL에서 스키마 정의에 사용되는 모든 타입들은 아래와 같은 종류가 있습니다. Scalar types Object types The Query type The Mutation type Input types Enum types 이 중에서 이번 포스팅에서는 Object types에 대해서 알아보도록 하겠습니다. O.. 2021. 5. 19.

티스토리툴바