기본 콘텐츠로 건너뛰기

자바스크립트 문법(1)분할 배열

자바스크립트 문법(1)분할 배열 본 게시글은 아래의 글을 필사하였습니다. https://webdoli.tistory.com/63?category=833233 (1)분할 배열 1. 자바스크립트의 특징 javascript가 ES2015로 넘어오면서 바뀐 점을 하나씩 살펴보자. 우리가 흔히 말하는 자바스크립트의 원래 이름은 'ECMA Script'이다. 자바스크립트는 '자바'의 인기에 편승하려고 만든 이름이 그래도 굳어져서 부르게 된 이름이다. '자바스크립트'의 신버전(규약)이 나올 때 'Ecma script'를 줄인 ES날짜'형태로 등장한다. 먼저 ES2015에서 눈에 띄는 첫 부분이, '분할배열''분할객체'이다. 자바스크립트에서는, 변수의 형(type)을 엄격하게 정하지 않아도 된다. Java, C++, C#등... 객체지향 언어에 익숙한 이들에게 자바스크립트는 굉장히 어색하다. 게다가 모든 변수 앞에 'var'를 선언하는 것만으로 '지역변수'가 생성된다. 2. 자바스크립트의 배열 기존 자바스크립트 버전에서는 배열속의 데이터를 받기 위해서는 배열이름[0], 배열이름[1] 방식으로 찾아야만 했었다. 위의 방식에 익숙해졌기 때문에 불편함을 못 느꼈을 수도 있지만, [0], [1], [2] ... 식의 방식은, 언어를 해석하는 데에 있어, 가독성이 떨어진다는 단점이 있다. 그래서 ES2015부터는 배열에 직접 이름을 지정할 수 있도록 만들었고, 그 결과 아래처럼 작성할 수 있게 되었다. let data1 = [23, 34, 45, 32, 89, 45]; //배열을 선언한다. let [korea_score, math_score, english_score, history_score, music_score, science_score] = data1; //let을 객체 리터럴 방식으로 '배열명'을 먼저 넣고...

줄넘기 운동 효과, 건강, 근육량, 다이어트, 유산소, 줄넘기 잘하는 법

줄넘기 운동 효과, 건강, 근육량, 다이어트, 유산소, 줄넘기 잘하는 법 줄넘기 건강 효과 ● 신체 운동 능력 향상 줄넘기 효과중 가장 첫 번째로 꼽을 수 있는 것이 바로 신체 능력 향상 효과입니다. 줄넘기는 신체 컨트롤 능력과 속도를 높여주는 좋은 운동입니다. 많은 운동 선수들이 경기나 시합 전 줄넘기를 많이들 합니다. 민첩성과 리듬성 향상 및 근력 증가에 도움이 되기 때문입니다 ● 근육량 증가 운동을 하면서 근육량을 늘리고 싶어하는 경우가 많이들 있습니다. 줄넘기도 근육량 증가에 어느 정도의 도움이 된다고 합니다. 줄넘기는 근 손실 없이 근육을 생성하는데 많은 도움이 되기 때문입니다. 하지만 너무 무리하게 할 경우 근육이 뭉쳐 오히려 역효과를 낼 수 있으므로 줄넘기를 하기 전과 후에 꼭 스트레칭을하여 근육을 풀어주어야 안전한 운동을 하실 수 있습니다. ● 지구력 향상 단순 반복 운동인 줄넘기는 처음 시작할 때에는 지루할 수 있습니다. 하지만 차근차근 갯수를 늘려가고 또 속도를 높이다 보면 지구력 향상에 큰 도움이 됩니다. 지구력이란 일정한 작업을 장시간 계속할 수 있는 능력으로 체력의 요인 중 중요한 것의 하나입니다. ● 심폐기능 향상 줄넘기를 꾸준히 하면 심폐기능이 향상되어 심장과 폐를 건강하게 만들어 줍니다. 심폐지구력이 향상되어 체력 향상에 많은 도움이 됩니다. 평소 운동을 하지 않거나 심폐기능이 약한 경우에는 몇 번만 뛰어도 숨이 턱까지 차오르지만 조금씩 운동량을 늘려가면서 하다 보면 숨이 차는 것도 줄어들어 심페기능도 향상됩니다. ● 심혈관 건강에 도움 줄넘기는 유산소 운동과 근력 운동을 동시에 할 수 있는 운동입니다. 심혈관계 건강에 많은 도움이 되고 매일 꾸준히 20분씩 줄넘기 운동을 하는 것만으도 심장과 폐가 건강해 질 수 있습니다. 다리 근육이 튼튼해 지는데에도 많은 도움이 됩니다. ● 골밀도 증가 줄넘기를 하며 뛰는 동작이 골밀도 증가에 좋은...

[Debugging] AngularJS2 - Can't bind to 'ngModel' since it isn't a...

[Debugging] AngularJS2 - Can't bind to 'ngModel' since it isn't a... - 좋아요 하이 .. !! Angular2 로 개발을 하다가 아래와 같은 에러를 만났다. 흠 .. 이게 뭘까 열심히 구글링을 해봤다. 간단한 내용이다. 모듈을 추가해주기만 하면 된다. app.module.ts를 열어보자. 여기에다가 FormsModule 과 ReactiveFormsModule을 추가해주면 문제가 해결된다 ! 다들 즐거운 코딩하자. from http://devkingdom.tistory.com/106 by ccl(A) rewrite - 2020-03-18 00:54:15

2020년 찰스앤키스 3월 상품평 BEST50 추천

2020년 찰스앤키스 3월 상품평 BEST50 추천 절대로 고개를 떨구지 말라. 고개를 치켜들고 세상을 똑바로 바라보라. Never bend your head. Hold it high. Look the world straight in the eye. - 헬렌 켈러 - 안녕하세요. 오늘은 요즘 잘나가는 찰스앤키스 제품들만 딱 뽑아왔어요 제품 순위는 AI 빅데이터를 통해 판매실적과 상품정보의 정확도, 선호도 등을 종합적으로 고려한 제품들이에요~ 제품 순위를 한번에 볼 수 있어서 원하는 상품의 디자인을 찾아볼 수 있어요!!~ 제품 이미지를 클릭하면 상품정보와 구매후기를 볼 수 있어요 가격은 변동 될 수 있으니 저렴할 때 구매하세요 그러면 즐거운 쇼핑이 되기를 바랄게요^^ * 본 게시물은 쿠팡 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있습니다. from http://kk-teddy.tistory.com/84 by ccl(A) rewrite - 2020-03-16 21:54:23

(주)레터플라이 채용 정보: 프로그래밍을 생각하면 가슴이 뛰는 개발자...

(주)레터플라이 채용 정보: 프로그래밍을 생각하면 가슴이 뛰는 개발자... Angular.js, Python, MySQL 중 한 가지 언어에 뛰어나신 분도 좋고 개발 업무 전반적으로 센스가 있으신 분도 환영합니다. 맡은 업무를 성실하게 수행해 나갈 수 있는 책임감과 태도를 갖고계신 분, 그리고 항상 새로운 방법론에 도전하고 포기를 모르는 분일수록 저희와 더욱 잘 맞을 것 같습니다. Angular.js, Python, MySQL 중 한 가지 언어에 뛰어나신 분도 좋고 개발 업무 전반적으로 센스가 있으신 분도 환영합니다. 팀 내 뛰어난 풀스택 개발자분들이 Angular.js, Python, MySQL 모두 작업 가능하시니 오셔서 함께 배우며 즐겁게 작업하시면 됩니다. 맡은 업무를 성실하게 수행해 나갈 수 있는 책임감과 태도를 갖고계신 분, 그리고 항상 새로운 방법론에 도전하고 포기를 모르는 분일수록 저희와 더욱 잘 맞을 것 같습니다. 개발 업무: 레터플라이의 핵심 기능인 편지, 사진을 제작하는 레터에디터, 포토에디터 개발. 이 기능들은 "모바일 웹을 통한 출력제품 생산 자동화 기술"(특허 출원 준비중)로서 레터플라이에서 자체개발했습니다. 근무 지역: 광화문역 5번출구 바로 앞 근무 환경: 책임과 존중을 중요시하는 수평적인 분위기, 도전적이며 서로에게 배우는 문화 근무 시간: 10-19시, 출근시간 자유 지정. 급여: 연봉/스톡옵션 협의 지원 방법: 팀 지원하기 더 많은 내용은 더 많은 내용은 더팀스 에서 확인하세요! from http://theteams.tistory.com/685 by ccl(A) rewrite - 2020-03-16 09:20:23

Do it! 리액트 프로그래밍 정석

Do it! 리액트 프로그래밍 정석 Do it! 시리즈의 새로운 자바스크립트 라이브러리 도서다. Do it! 시리즈에서 Node.js 와 Vue.js 로 접한 적이 있다. 리액트가 왜 안나올까 생각했었는데, 올해 초에 출시가 됐다. ( 다음은 어떤 자바스크립트 진영이 나올까, Angular.js 이려나?! ) Do it! 시리즈라는 점 외에 눈길을 끄는 점은 '정석' 이라는 제목과 '가상 코인 거래소' 라는 프로젝트가 명시되어 있다는 점이다. 다른 웹 프론트 도서들을 봤을 때 TODO 예제는 다뤄본 적은 있어도, 그럴싸한 프로젝트까지 다룬 도서는 없었다. 데이터를 관리하고 서버와 통신하여 화면에 나타나기까지 일련의 개발 과정을 다룬다. 이 과정에서 Redux, Axios, Router, 실무에 쓰이는 자바스크립트 라이브러리와 미들웨어들을 적용한다. 인상 깊게 봤던 점은 다음과 같다. 첫 번째로 코드 자체보다는 프로젝트를 진행할 때 요구 명세서부터 화면 설계, 통신 설계까지 어떤 프로세스로 프로젝트를 진행하는지 인상 깊게 읽었다. 두 번째로 리액트 프로젝트를 할 때 리덕스 스토어로 어떻게 하면 데이터를 효율적으로 관리할 수 있는지 궁금했었는데 해소가 됐다. 세 번째로 화면 설계할 때 UI 라이브러리를 사용하는 것이 아니라 Common 컴포넌트도 정의하고 직접 제작한다. CSS 스타일을 어떻게 하면 관리하고 컴포넌트들을 어떻게 분리하는지의 과정을 알 수 있어서 좋았다. 최종 코인 거래소 화면이다. 상단바부터 컴포넌트 배치, 데이터 관리와 네트워크 통신까지 총 집약되어 있다. 마지막 부록에서는 파이어베이스로 리액트 프로젝트를 어떻게 배포할 수 있는지 설명한다. 파이어베이스 배포는 이전에도 해봤던 적이 있기도 하고 어렵지 않은 작업이기에 쉽게 배포가 가능했다. 그리고 리액트와 호환되는 next.js 라이브러리로 서버 사이드 렌더링을 도입해서 검색 엔진에도 표시될 수 있도록 한다. ...

[ 리덕스(Redux)에 대해 알아보자! ] - Redux 초급

[ 리덕스(Redux)에 대해 알아보자! ] - Redux 초급 안녕하세요. 프렛입니다. 오늘은 Redux에 대해 알아보겠습니다. 자, Redux는 기본적으로 JavaScript application들의 state(상태)를 관리하는 방법입니다. Redux => Javascript application들의 state(상태)를 관리하는 방법 * Javascript이지, React에만 종속되어있는 것이 아닙니다. * Redux는 React와 별개입니다. Redux는 Angular에서도 쓸 수 있고, Vue.js에서도 쓸 수 있고, Vanilla Javascript(framework가 없는 pure한 JS)에서도 쓸 수 있고, 원하는 한 모든 Javascript application에서 모두 쓸 수 있다는 말이죠! 하지만, Redux는 사람들이 React와 많이 사용을 하므로써, 매우 유명해졌기 때문에, React에만 쓸 수 있는 라이브러리라고 착각하는 경우가 많죠! 뭐, 덕분에 그래서 Redux가 많이 유명해지긴 했지만요, 그러나, Redux는 앞서 말씀드린 것과 같이, React에만 의존하는 라이브러리가 아닙니다. 이 Redux에 대한 글에서는 첫번째로, Redux를 normal한 Javascript application에서 우리 힘으로 vanilla javascript로 application을 만드는 방법을 알아보겠습니다. 그래서 이 글에서는, React를 예제로 다루지 않으며, Redux를 Vinilla Javascript와 사용하는 법에 대해서 알아보겠습니다. 그리고 난 후, Redux를 React와 함께 사용하는 방법에 대해 알아보겠습니다. 많은 사람들이 Redux를 배울때, 보통 사람들이 배우라고 해서 배우거나, 그냥 많이들어봐서 배우곤 합니다. 사실, 아주 적은 사람들이 Redux가 정확히 무슨 문제를 해결하는지 알고 배우죠. 그래서 저도 그렇고, 이 글을 ...