티스토리

Dyson's Techbook

검색하기

블로그 홈

Dyson's Techbook

okdy.tistory.com/m

명확하고 알기 쉬운 테크지식.

구독자: 1

방명록 방문하기

주요 글 목록

Vim 에디터 관련 유용한 정보들(feat. VSCode) vim은 Unix 계열 시스템의 터미널에서 실행되는 텍스트 편집기입니다. vim의 초기 버전은 1991년에 Bram Moolenaar가 만들었습니다. 네. 유용한 기능은요. 1. VSCode의 확장 프로그램으로 vim을 설치하여 사용할 수 있습니다. 2. "아ㅠ 목 아파ㅜㅜ 커서가 항상 중앙에 있었으면..." 우선 Preferences > Settings에서 설정을 해주면 됩니다. UI로 설정을 열어서 'Cursor Surr......'를 입력하다보면 아래와 같이 나오는데, 여기서 본인의 화면 크기에 맞게 중앙쯤 되어 보이는 라인넘버를 적어주면 그 라인으로 커서가 고정됩니다. 3. j, k로 스크롤하시는 분들을 위한 VSCode 설정. vim에서 j와 k는 위, 아래로의 1개 라인을 이동합니다. 20 라.. 공감수 1 댓글수 3 2021. 8. 26.
[MYSQL] JOIN과 UNION 문법과 개념 정리 본 게시글은 아래의 글을 필사하였습니다. http://tcpschool.com/mysql/mysql_multipleTable_join 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com http://tcpschool.com/mysql/mysql_multipleTable_union 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com JOIN JOIN은 데이터베이스 내의 여러 테이블에서 가져온 레코드를 조합하여 하나의 테이블이나 결과 집합으로 표현해 줍니다. 이러한 JOIN은 보통 SELECT 문과 함께 자주 사용됩니다. 표준 SQL에서는 레.. 공감수 3 댓글수 0 2021. 6. 18.
데이터베이스 정규화와 이상현상 본 게시글은 아래의 게시물을 필사하였습니다. https://itwiki.kr/w/%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4_%EC%A0%95%EA%B7%9C%ED%99%94 데이터베이스 정규화 - IT위키 Database Normalization 이상(Anomaly) 현상[편집] 정규화를 거치지 않은 데이터베이스에서 발생할 수 있는 현상 데이터들이 불필요하게 중복되어 릴레이션 조작에 예기치 못한 문제 발생 애트리뷰트들 itwiki.kr 이상(Anomaly)현상 정규화를 거치지 않은 데이터베이스에서 발생할 수 있는 현상 데이터들이 불필요하게 중복되어 릴레이션 조작에 예기치 못한 문제가 발생 애트리뷰트들의 종속관계를 하나의 릴레이션에 표현하기 때문에 발.. 공감수 0 댓글수 2 2021. 6. 16.
MediaPipe와 Tensorflow.js로 브라우저에서 홍채인식하기 본 게시글은 구글 소프트웨어 엔지니어 Ann Yuan 과 Andrey Vakunov의 포스팅을 번역하였습니다. 홍채인식은 다양한 분야에서 사용된다. 예를 들면 신체기능중 일부가 본래의 기능을 못하게 된 사람들을 위한 손이 필요없는 인터페이스나, 단순한 클릭이나 제스쳐를 넘어서 사용자의 행동을 이해하려는 시도에도 적용된다. 그래서 홍채인식은 컴퓨터비전의 숙제이기도 하다. 눈은 밝은 조명 아래에 있을 때도 있고, 종종 머리카락에 가려질 때도 있고, 단지 머리를 움직이기나, 또는 감정상태에 의해 움직여지는 것도 매번 다르게 인식될 수가 있다. 여기에 대한 해결책은 특별히 설계된 하드웨어에 의존하거나, 지나치게 비싼 장비를 준비하는 것뿐이다. 이러한 접근방식은 컴퓨터 리소스가 제한된 모바일 장치에는 적합하지 않.. 공감수 1 댓글수 0 2021. 1. 29.
Mac에서 TensorFlow 가속화하기 본 게시글은 Pankaj Kanwar와 Fred Alcober의 포스팅을 번역하였습니다. TensorFlow 2를 사용하면 다양한 플랫폼, 기기 및 하드웨어에 대한 동급 최고의 기계학습 성능을 통해 개발자, 엔지니어, 연구원들이 본인이 선호하는 플랫폼에서 작업 할 수 있다. 이제 Apple의 새로운 M1 칩 기반의 Mac 또는 Intel Mac의 TensorFlow 사용자는 TensorFlow의 Mac-optimized version of TensorFlow 2.4와 Apple의 새로운 ML Compute 프레임 워크를 사용하여 가속화된 머신러닝을 경험할 수 있다. 이러한 개선 사항은 TensorFlow Lite를 통해 iOS에서 TensorFlow를 통해 개발하는 Apple 개발자분들의 노고에 힘입어,.. 공감수 0 댓글수 0 2021. 1. 26.
JavaScript에서도 pandas 같은 라이브러리를? Danfo.js를 소개합니다. 본 게시글은 독립 연구원 Rising Odegua, 나이지리아 데이터 과학자 Stephen Oni의 포스팅을 번역하였습니다. Danfo.js는 구조화된 데이터를 조작하고 처리할 수 있는 직관적이고 사용하기 쉬운 고성능 데이터구조를 제공하는 오픈 소스 JavaScript 라이브러리다. Danfo.js는 Python Pandas 라이브러리에서 크게 영감을 받았으며 유사한 인터페이스와 API를 제공한다. 이는, Pandas API에 익숙하고 JavaScript를 알고있는 사용자가 쉽게 선택할 수 있음을 의미한다. Danfo.js의 주요 목표 중 하나는 JavaScript 개발자에게 데이터처리, 기계학습 및 AI 도구를 제공하는 것이다. 이는 근본적으로 웹에 머신러닝을 가져온 TensorFlow.js 팀의 비전.. 공감수 1 댓글수 0 2021. 1. 23.
Teachable Machine과 TFLite를 활용한 음성인식 모델 만들기 본 게시글은 TensorFlow 개발자 Khanh LeViet에 의해 포스팅된 글을 번역하였습니다. 음성 분류는 강아지 짖는 소리, 자동차 경적 소리와 같이 미리 정해놓은 카테고리에 분류할 몇몇 소리들을 넣어주어야 하는 머신러닝 작업이다. 예시로는 불법적으로 삼림을 불태우는 활동을 감지한다거나, 고래의 자연스러운 행동을 더 잘 이해하기위해 울음소리를 추적하는 등의 프로그램들이 많이 있다. 우리는 'Teachable Machine'으로 음성 분류모델을 학습시키고, TFLite 형식으로 추출할 수 있다는 소식을 전하게 되어 기쁘다. 이제 모바일앱이나 IoT디바이스에 TFLite 모델을 적용시킬 수 있다. 이 방법은 음성 분류를 빠르게 만들어 실행시켜 볼 수 있는 정말 쉬운 방법이다. 또, 만든 모델을 파이썬.. 공감수 3 댓글수 0 2021. 1. 19.
Tensorflow.js 사용하기(Part.3) TensorFlow.js 사용하기(Part.3) Transfer Learning 이전 파트에서 우리는 밑바닥부터 모델을 학습시켜야했다. 이는 모델이 일정 수준에 이르기까지 많은 반복 학습이 요구되기 때문에 비용이 많이 든다. 따라서 이번에 mobilenet이라 불리는 미리 조금 학습된 모델을 사용한다. mobilenet은 모바일에서 동작하도록 최적화되어 있으며 미리 가중치가 조금 세팅되어있는 CNN이다. 또한 ImageNet프로젝트에 나오는 1,000개의 클래스에 대한 이미지들로 학습되었다. 이제 모델을 로드해보자. const mobilenet = await tf.loadLayersModel( 'https://storage.googleapis.com/tfjs-models/tfjs/mobilenet_v1_.. 공감수 1 댓글수 0 2021. 1. 15.
computed와 watch 본 게시글은 아래의 글을 필사하였습니다. https://kr.vuejs.org/v2/guide/computed.html computed와 watch — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org computed 속성 템플리시 내에 표현식을 넣으면 편리합니다. 하지만 간단한 연산일 때만 이용하는 것이 좋습니다. 너무 많은 연산을 템플릿 안에서 하면 코드가 비대해지고 유지보수가 어렵습니다. 아래의 예를 봅시다. {{ messagesplit('').reverse().join('') }} 이 템플릿은 더 이상 간단하고 명료하지 안습니다. message 를 역순으로 표시한다는 것을 알려면 찬찬히 살펴봐야 하겠죠. 템플릿에 메시지를 역순으로 표시할 일이 더 있으면 문제는.. 공감수 0 댓글수 0 2020. 4. 24.
Vue 인스턴스 본 게시글은 아래의 글을 필사하였습니다. https://kr.vuejs.org/v2/guide/instance.html Vue 인스턴스 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org Vue 인스턴스 만들기 모든 Vue 앱은 Vue 함수로 새 Vue 인스턴스를 만드는 것부터 시작합니다. var vm = new Vue({ // 옵션 }) 엄격히 MVVM패턴과 관련이 없지만 Vue 의 디자인은 부분적으로 그것에 영감에 받았습니다. 컨벤션으로, Vue 인스턴스를 참조하기 위해 종종 변수 vm(ViewModel의 약자)을 사용합니다. Vue 인스턴스를 인스턴스화 할 때는 데이터, 템플릿, 마운트할 엘리먼트, 메소드, 라이프 사이클 콜백등의 옵션을 포함 할 수 있는 op.. 공감수 0 댓글수 0 2020. 4. 24.
상태 | Vuex 본 게시글은 아래의 글을 필사하였습니다. https://vuex.vuejs.org/kr/guide/state.html 상태 | Vuex 상태 단일 상태 트리 Vuex는 단일 상태 트리 를 사용합니다. 즉, 이 단일 객체는 모든 애플리케이션 수준의 상태를 포함하며 "원본 소스" 역할을 합니다. 이는 각 애플리케이션마다 하나의 저장소만 갖게 된다는 것을 의미합니다. 단일 상태 트리를 사용하면 특정 상태를 쉽게 찾을 수 있으므로 디버깅을 위해 현재 앱 상태의 스냅 샷을 쉽게 가져올 수 있습니다. 단일 상태 트리는 모듈성과 충돌하지 않습니다. 나중에 상태와 변이를 하위 모듈로 분할하는 방법에 대 vuex.vuejs.org Vuex는 단일 상태 트리를 사용합니다. 즉, 이 단일 객체는 모든 애플리케이션 수준의 상.. 공감수 0 댓글수 0 2020. 4. 24.
시작하기 | Vuex 본 게시글은 아래의 글을 필사하였습니다. https://vuex.vuejs.org/kr/guide/ 시작하기 | Vuex 시작하기 모든 Vuex 애플리케이션의 중심에는 store 가 있습니다. "저장소"는 기본적으로 애플리케이션 상태 를 보유하고있는 컨테이너입니다. Vuex 저장소가 일반 전역 개체와 두 가지 다른 점이 있습니다. Vuex store는 반응형 입니다. Vue 컴포넌트는 상태를 검색할 때 저장소의 상태가 변경되면 효율적으로 대응하고 업데이트합니다. 저장소의 상태를 직접 변경할 수 없습니다. 저장소의 상태를 변경하는 유일한 방법은 명시적인 커밋을 이용한 변이 입 vuex.vuejs.org 모든 Vuex 애플리케이션의 중심에는 store가 있습니다. "저장소"는 기본적으로 애플리케이션 상태를 .. 공감수 0 댓글수 0 2020. 4. 24.
Vuex가 무엇인가요? | Vuex 본 게시글은 아래의 글을 필사하였습니다. https://vuex.vuejs.org/kr/ Vuex가 무엇인가요? | Vuex Vuex가 무엇인가요? Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있습니다. 또한 Vue의 공식 devtools 확장 프로그램 과 통합되어 설정 시간이 필요 없는 디버깅 및 상태 스냅 샷 내보내기/가져오기와 같은 고급 기능을 제공합니다. "상태 관리 패턴"이란 무엇인가요? 간단한 Vue 카운터 앱부터 시작 해보 vuex.vuejs.org Vuex가 무엇인가요? Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리입니다.. 공감수 0 댓글수 0 2020. 4. 23.
라우트 컴포넌트에 속성 전달 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/passing-props.html 라우트 컴포넌트에 속성 전달 | Vue Router 라우트 컴포넌트에 속성 전달 컴포넌트에서 $route를 사용하면 특정 URL에서만 사용할 수 있는 컴포넌트의 유연성을 제한하는 라우트와 강한 결합을 만듭니다. 컴포넌트와 라우터 속성을 분리하려면 다음과 같이 하십시오. ** $route에 의존성 추가** ** 속성에 의존성 해제** 이를 통해 어디서나 컴포넌트를 사용할 수 있으므로 컴포넌트 재사용 및 테스트하기가 더 쉽습니다. Boolean 모드 props를 true로 설정하면 route.params가 컴 router.vuejs.org 컴포넌트에서 $.. 공감수 0 댓글수 0 2020. 4. 23.
리다이렉트와 별칭 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/redirect-and-alias.html 리다이렉트와 별칭 | Vue Router 리다이렉트와 별칭 리다이렉트 리디렉션은 routes 설정에서도 할 수 있습니다. /a에서 /b로 리디렉션하려면 리디렉션은 이름이 지정된 라우트를 지정할 수도 있습니다. 또는 동적 리디렉션을 위한 함수를 사용할 수도 있습니다. 기타 고급 사용법은 예제 를 확인 하십시오. 별칭 리다이렉트는 사용자가 /a를 방문했을 때 URL이 /b로 대체 된 다음 /b로 매칭된다는 것을 의미합니다. 하지만 별칭이란 무엇입니까? /a의 별칭은 /b는 사용자가 /b를 방문했을 router.vuejs.org 리다이렉트(Redi.. 공감수 0 댓글수 0 2020. 4. 23.
이름을 가지는 뷰 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/named-views.html 이름을 가지는 뷰 | Vue Router 이름을 가지는 뷰 때로는 여러 개의 뷰를 중첩하지 않고 동시에 표시해야 하는 경우가 있습니다. sidebar 뷰와 main 뷰로 레이아웃을 생성합니다. 이름이 지정된 뷰가 편리한 경우 입니다. 뷰에 하나의 outlet이 있는 대신 여러 개를 사용하여 각 outlet에 이름을 지정할 수 있습니다. 이름이 없는 router-view는 이름으로 default가 주어집니다. 뷰는 컴포넌트를 사용하여 렌더링 되므로 여러 뷰에는 동일한 라우트에 대해 여러 컴포넌트가 router.vuejs.org 때로는 여러 개의 뷰를 중첩하.. 공감수 0 댓글수 0 2020. 4. 23.
이름을 가지는 라우트 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/named-routes.html 이름을 가지는 라우트 | Vue Router 이름을 가지는 라우트 때로는 라우트에 연결하거나 탐색을 수행 할 때 이름이 있는 라우트를 사용하는 것이 더 편리합니다. Router 인스턴스를 생성하는 동안 routes 옵션에 라우트를 지정할 수 있습니다. 이름을 가진 라우트에 링크하려면, 객체를 router-link, 컴포넌트의 to prop로 전달할 수 있습니다. 이것은 router.push()와 프로그램적으로 사용되는 것과 정확히 같은 객체입니다. 두 경우 모두 라우터는 /user/123 경로로 이 router.vuejs.org 때로는 라우트에 연결하거.. 공감수 0 댓글수 0 2020. 4. 23.
프로그래밍 방식 네비게이션 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/navigation.html 프로그래밍 방식 네비게이션 | Vue Router 프로그래밍 방식 네비게이션 를 사용하여 선언적 네비게이션용 anchor 태그를 만드는 것 외에도 라우터의 인스턴스 메소드를 사용하여 프로그래밍으로 이를 수행 할 수 있습니다. router.push(location, onComplete?, onAbort?) 참고: Vue 인스턴스 내부에서 라우터 인스턴스에 $router로 액세스 할 수 있습니다. 그러므로this.$router.push를 사용 할 수 있습니다. 다른 URL로 이동하려면 router.push를 router.vuejs.org 를 사용하여 선언적 네.. 공감수 0 댓글수 0 2020. 4. 23.
중첩된 라우트 | Vue Router 본 게시글은 아래의 글을 필사하였습니다. https://router.vuejs.org/kr/guide/essentials/nested-routes.html 중첩된 라우트 | Vue Router 중첩된 라우트 실제 앱 UI는 일반적으로 여러 단계로 중첩 된 컴포넌트로 이루어져 있습니다. URL의 세그먼트가 중첩 된 컴포넌트의 특정 구조와 일치한다는 것은 매우 일반적입니다. 예를 들면 다음과 같습니다. vue-router를 사용하면 중첩 된 라우트 구성을 사용하여이 관계를 표현하는 것이 매우 간단합니다. 이전 장에서 만든 앱을 생각해보십시오. 여기에있는 는 최상위 outlet입니다. 최상위 경로와 일치하는 컴포넌트를 렌더링합니다. 비슷하게 렌더링 router.vuejs.org 실제 앱 UI는 일반적으로 여러.. 공감수 0 댓글수 0 2020. 4. 23.
Base64 인코딩이란? 본 게시글은 아래의 글을 필사하였습니다. https://effectivesquid.tistory.com/entry/Base64-%EC%9D%B8%EC%BD%94%EB%94%A9%EC%9D%B4%EB%9E%80 Base64 인코딩이란? 인코딩이란? Base64 인코딩에 대해 알아보기전에 먼저 인코딩이란게 무엇인지 간략하게 알아보자. 인코딩(encoding)은 정보의 형태나 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해서 다른 형태.. effectivesquid.tistory.com 인코딩이란? Base64 인코딩에 대해 알아보기전에 먼저 인코딩이란게 무엇인지 간략하게 알아보자. 인코딩(encoding)은 정보의 형태나 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해.. 공감수 0 댓글수 0 2020. 4. 16.
서버 사이드 렌더링(SSR:Server Side Rendering)이란 본 게시글은 아래의 글을 필사하였습니다. https://linked2ev.github.io/devlog/2018/11/15/Javascript-2.-What-is-SSR/ [Javascript] 2. 서버 사이드 렌더링(SSR:Server Side Rendering)이란? 서버 사이드 렌더링(SSR)에 대한 지식들과 개념을 정리해서 포스팅하자 linked2ev.github.io 서버 사이드 렌더링(SSR)에 대한 지식들과 개념을 정리해서 포스팅하자 1. 렌더링 렌더링은 요청 받은 내용을 브라우저 화면에 표시하는 것 로더(Loader)가 서버로부터 정보들을 불러옴 파싱(Phasing)을 통해 문서를 DOM 트리를 만듦 DOM 트리가 구축되는 동안 브라우저는 렌더 트리를 구축한다. CSS 설정 / 레이아웃 .. 공감수 0 댓글수 0 2020. 3. 26.
서버사이드렌더링(SSR) & 클라이언트사이드렌더링(CSR) 본 게시글은 아래의 글을 필사하였습니다. https://velog.io/@zansol/%ED%99%95%EC%9D%B8%ED%95%98%EA%B8%B0-%EC%84%9C%EB%B2%84%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81SSR-%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81CSR [주니어탈출기] 서버사이드렌더링(SSR) & 클라이언트사이드렌더링(CSR) 서버사이드렌더링 & 클라이언트사이드렌더링 왜 모바일의 시대에 등장한 클라이언트사이드렌더링 Single Page Application(SPA)! 고려해야할 점들이 있다.. 공감수 0 댓글수 0 2020. 3. 26.
HTML5 기본 문법 본 게시글은 아래의 글을 필사하였습니다. https://poiemaweb.com/html5-syntax HTML5 Introduction & Syntax | PoiemaWeb HTML (HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 조금 더 자세히 말하면 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다. HTML5는 HTML의 최신 버전으로 아래와 같은 기능들이 추가되었다. poiemaweb.com 1. HTML5 HTML(HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 조금 더 자세히 말하면 웹페이지의 내용(content)과 구조(str.. 공감수 0 댓글수 0 2020. 3. 19.
자바스크립트 문법 (9) 클로저 본 게시글은 아래의 글을 필사하였습니다. https://webdoli.tistory.com/71?category=833233 자바스크립트 문법 (9) 클로저 (9) 클로저 클로저는 자바스크립트 함수의 꽃이라는 표현을 많이 사용한다. 아마도 다른 프로그램 언어에서 찾아볼 수 없는 자바스크립트만의 유연함과 독특함이 접목된 부분이 클로저이기 때문이 아닐까한다. 기.. webdoli.tistory.com 클로저는 자바스크립트 함수의 꽃이라는 표현을 많이 사용한다. 아마도 다른 프로그램 언어에서 찾아 볼 수 없는 자바스크립트많의 유연함과 독특함이 접목된 부분이 클로저이기 때문이 아닐까한다. 기존 프로그래밍 언어의 상식에서, 함수 내의 변수값은 함수 내에서만 사용할 수 있다. 함수 밖에서 함수내의 함수값에 접근할 .. 공감수 0 댓글수 0 2020. 3. 18.
자바스크립트 문법(8) 고차함수 본 게시글은 아래의 글을 필사하였습니다. https://webdoli.tistory.com/70?category=833233 자바스크립트 문법(8) 고차함수 (8) 고차함수 자바스크립트에서 고수의 길로 나아가는 첫 관문은 '함수'이다. 함수를 얼마나 잘 사용하는가에 따라 자바스크립트로 작성한 코드의 깊이가 달라진다. 그 중에서 기본이 되는 부분은 '고차함수'이다... webdoli.tistory.com 자바스크립트에서 고수의 길로 나아가는 첫 관문은 '함수'이다. 함수를 얼마나 잘 사용하는가에 따라 자바스크립트로 작성한 코드의 깊이가 달라진다. 그 중에서 기본이 되는 부분은 '고차함수'이다. 인수에 함수를 넣어서 사용하는 고차함수 방식은, 코드를 줄여주고, 자신만의 라이브러리를 만드는 데에 기본이 된다... 공감수 0 댓글수 0 2020. 3. 18.
자바스크립트 문법(7) 함수의 반환값 본 게시글은 아래의 글을 필사하였습니다. https://webdoli.tistory.com/69?category=833233 자바스크립트 문법(7) 함수의 반환값 (7) 함수의 반환값 기존 자바스크립트 함수에서 불편한 점은, '반환값'이었다. 전체적으로 봤을 때 비슷한 2가지 기능을 수행하려면 함수를 2개 만들어야 했다. 만일, 하나의 함수에서 두개의 기능을 만드려면, 프.. webdoli.tistory.com 기존 자바스크립트 함수에서 불편한 점은, '반환값'이었다. 전체적으로 봤을 때 비슷한 2가지 기능을 수행하려면 함수를 2개 만들어야 했다. 만일, 하나의 함수에서 두 개의 기능을 만드려면, 프로토타입 객체로 함수를 다시 만들어야 하는 불편함이 있었다. ES2015 버전에서는 더 이상 반환값을 하나.. 공감수 0 댓글수 0 2020. 3. 18.
자바스크립트 문법(6) 화살표 함수 본 게시글은 아래의 글을 필사하였습니다. https://webdoli.tistory.com/68?category=833233 자바스크립트 문법 (6) 화살표 함수 (6) 화살표 함수 자바스크립트가 ES2015 문법을 사용함으로써 체감상 가장 큰 변화는 화살표 함수가 아닐까한다. 특히, 익명함수라는 자바스크립트만의 특별한 함수가 더 특별해졌다. 화살표 함수를 사용하면 코드.. webdoli.tistory.com 자바스크립트가 ES2015 문법을 사용함으로써 체감상 가장 큰 변화는 화살표 함수가 아닐까 한다. 특히, 익명함수라는 자바스크립트만의 특별한 함수가 더 특별해졌다. 화살표 함수를 사용하면 코드를 경제적으로 작성할 수 있다. 단순하게 생각하면, 화살표 함수는 기존 자바스크립트 문법에서 'functio.. 공감수 0 댓글수 0 2020. 3. 18.
자바스크립트 문법(1)분할 배열 본 게시글은 아래의 글을 필사하였습니다. https://webdoli.tistory.com/63?category=833233 자바스크립트 문법 (1)분할 배열 (1) 분할 배열 1:: 『자바스크립트의 특징』 Javascript가 ES2015로 넘어오면서 바뀐 점을 하나씩 살펴보자. 우리가 흔히 말하는 자바스크립트의 원래 이름은 'ECMA Script'이다. 자바스크립트는 '자바'의 인기에.. webdoli.tistory.com (1)분할 배열 1. 자바스크립트의 특징 javascript가 ES2015로 넘어오면서 바뀐 점을 하나씩 살펴보자. 우리가 흔히 말하는 자바스크립트의 원래 이름은 'ECMA Script'이다. 자바스크립트는 '자바'의 인기에 편승하려고 만든 이름이 그래도 굳어져서 부르게 된 이름이.. 공감수 0 댓글수 0 2020. 3. 18.
자바스크립트 동시성 모델과 이벤트 루프 본 게시글은 아래의 글을 필사하였습니다. https://eine.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8F%99%EC%8B%9C%EC%84%B1-%EB%AA%A8%EB%8D%B8%EA%B3%BC-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A3%A8%ED%94%84 자바스크립트 동시성 모델과 이벤트 루프 자바스크립트 동시성 모델 자바스크립트는 이벤트 루프에 기반한 동시성(Concurrency) 모델이라는 것을 가지고 있습니다. 이 모델은 다른 C나 Java와 같은 언어가 실행되는 방식과 다릅니다. 본디 자바스크립트는.. eine.tistory.com 자바스크립트 동시성 모델 자바스트립트는 이벤.. 공감수 0 댓글수 0 2020. 3. 18.
자바스크립트 비동기 처리 과정과 Rxjs Scheduler 본 게시글은 아래의 글을 필사하였습니다. http://sculove.github.io/blog/2018/01/18/javascriptflow/ Rxjs Scheduler와 자바스크립트 비동기 처리 과정의 이해 RxJS Scheduler는 RxJS에서 자바스크립트의 비동기 작업을 효과적으로 처리할 수 있도록 도와주는 역할을 한다. 따라서, RxJS Scheduler를 잘 활용하기 위해서는 기본적으로 자바스크립트 엔진이 어떻게 비동기 작업으 처리하는 지 알면 RxJS Scheduler를 사용하는데 많은 도움이 된다. 이 장에서는 자바스크립트 엔진이 어떻게 비동기 작업을 처리하는 지를 살펴보고, 각 비동기 작업에 해당되는 RxJS Scheduler는 어떤 것이 있는지 살펴보기로 하자. 자바스크립트 엔진 자바스.. 공감수 0 댓글수 0 2020. 3. 17.

문의안내

티스토리
로그인
고객센터

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