함께 성장하는 프로독학러

인녕하세요, 프로독학러 입니다. 오늘은 나이키 런 클럽 나의 코치 운동 26일차로, 회복 러닝을 진행하는 날이었습니다. 1.5 킬로미터를 6'37'' 의 평균 페이스로 달리는 회복 러닝입니다. 오늘 러닝의 기록은 위와 같습니다. 오디오 가이드는 킬로미터당 한 번, 중간지점에 한 번, 0.5 키로미터 남았을 때 한 번 나옵니다. 운동을 완료하면 위와 같이 일정에 완료표시가 뜹니다. *운동을 완료하고도 일정에 완료표시가 뜨지 않으면 아래의 링크를 확인해 주세요. 그럼 모두들 부상없는 즐거운 러닝 되시길 바라면서 저는 이만 들어가겠습니다. 감사합니다! *이 포스팅이 도움이 되셨다면 다녀가셨다는 표시로 공감 부탁드릴게요! (로그인 하지 않으셔도 공감은 가능합니다 ㅎㅎ)

안녕하세요, 프로독학러 입니다. 오늘은 나이키 런 클럽 나의 코치 운동 23일차로, 어제 스피드 러닝으로 인해 피로를 느낄 몸을 자연스럽게 회복시킬 회복러닝을 하는 날이었습니다. 2킬로미터를 6'37''의 평균 페이스로 달리는 것이 목적이었네요. 오늘 러닝의 기록입니다. 목표 평균 페이스인 6'37''와 매우 근접하게 6'35''의 평균 페이스로 달렸네요. 평소 회복 러닝의 페이스보다 훨씬 천천히 뛰었지만 왠지 오늘은 달릴때 몸이 무거운 느낌이었네요. 운동을 완료하면 위와 같이 일정에 완료 표시가 뜨게 됩니다. *운동을 완료하고도 일정에 완료표시가 뜨지 않으면 아래의 링크를 확인해 주세요. 그럼 모두들 부상없는 즐거운 러닝 되시길 바라면서 저는 이만 들어가겠습니다. 감사합니다! *이 포스팅이 도움이 되셨..

안녕하세요, 프로독학러 입니다. 오늘은 나이키 런 클럽 나의 코치 운동 22일차로, 스피드를 하는 날이었습니다. 스피든 오늘로 두 번째네요. 스피드는 보다 짧은 거리를 빠른 속도의 인터벌 러닝으로 반복하는 러닝입니다. 저번 스피드 운동에서는 400 미터를 4번 반복했었는데요, 오늘은 1 킬로미터를 2번 반복하네요. 저번 스피드 운동에서 러닝 가이드의 사용자 경험이 최악이라고 했었는데요, 이번에도 다시 느꼈습니다. 핸드폰을 들고 뛰면서 1000 미터가 되면 수동으로 정지해주고, 수동으로 2:30 초를 쉬고, 다시 1000 미터를 뛰고... 스피드 프로그램은 모든게 수동이네요 허허... 오늘의 운동 기록입니다. 목표는 5'33'' 의 평균 페이스로 달리는 것이었지만 4'31'' 로 뛰었네요. 운동을 완료하면..

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 Node.js 를 이해하는데 필수적인 개념인 콜백함수와 동기, 비동기적 처리에 대해서 알아보도록 하겠습니다. 저번 포스팅에서 Node.js 의 특징 중 첫 번째가 무엇이었는지 기억하시나요? 그것은 바로 '비동기적 I/O 처리, 이벤트 위주' 였습니다. * I/O 는 input, output 을 의미합니다. 동기 / 비동기 비동기적 I/O 처리. 저번 포스팅에서 Node.js 의 특징에 대해서 설명하면서 간단히 설명했지만 아직 감이 안 잡히시는 분들이 많을 것입니다. 비동기의 반댓말은 동기 입니다. 이를 영어로 표현하면 다음과 같습니다. Synchronous (동기) ASynchronous (비동기) 보통 프로그래밍에서 코드의 실행은 작성된 코드의 위에서 ..

안녕하세요, 프로독학러 입니다. 오늘은 나이키 런 클럽 나의 코치 운동 20일차로, 장거리 러닝을 하는 날이었습니다. 3 킬로미터를 6'47'' 의 평균 페이스로 달리는 러닝이네요. BGM 없는 오디오 가이드가 포함되어 있습니다.오디오 가이드는 중간지점(1.5 킬로미터), 킬로미터당 한 번씩 나옵니다. 5'53'' 의 평균페이스로 3 킬로미터를 완주했습니다. 러닝을 완료하면 위와 같이 일정에 완료 표시가 뜹니다. *운동을 완료하고도 일정에 완료표시가 뜨지 않으면 아래의 링크를 확인해 주세요. 그럼 모두들 부상없는 즐거운 러닝 되시길 바라면서 저는 이만 들어가겠습니다. 감사합니다! *이 포스팅이 도움이 되셨다면 다녀가셨다는 표시로 공감 부탁드릴게요! (로그인 하지 않으셔도 공감은 가능합니다 ㅎㅎ)

안녕하세요, 프로독학러 입니다. 본 카테고리에서는 자바스크립트 엔진을 기반으로 만들어진 사버 사이드 플랫폼인 Node.js 에 대해서 알아보도록 하겠습니다. Node.js 란? Node.js 는 구글 크롬의 자바스크립트 엔진(V8 Engine) 을 기반으로 만들어진 서버 사이드 플랫폼입니다. 웹 브라우저에서 동작하는 자바스크립트를 이용해 서버측에서 하는 역할을 수행할 수 있도록 하는 플랫폼이며, 이를 이용하면 PHP 나 JSP 의 역할을 대체할 수 있습니다. Node.js 의 특징 비동기 I/O 처리, 이벤트 위주 : Node.js 라이브러리의 모든 API는 비동기 방식입니다. 즉, 한 작업이 완료될 때까지 기다렸다가 작업하는 것이 아니라 멈추지 않고 계속해서 코드를 실행한다는 의미입니다. Node.js..

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 CSS 의 레이아웃을 위한 도구 중 하나인 flex 에 대해서 알아보도록 하겠습니다. * 본 포스팅의 내용은 생활코딩의 flex 강의를 복습한 내용입니다. 생활코딩에서 직접 강의를 수강하고 싶으신 분들은 아래의 링크를 참조해 주세요https://opentutorials.org/course/2418/13526 이전에는, flex 가 생기기 이전에는 레이아웃을 만들기 위해 table 을 사용하거나, position, float 등을 이용했습니다. 물론 위의 방법들을 통해서도 원하는 레이아웃을 만들 수 있지만, 이는 원래의 목적에 반하는 코딩을 하는 것이었습니다. table 은 표를 위한 도구이며, 이는 정보를 의미합니다. 정보를 위해 만들어진 도구를 디자인에..

안녕하세요, 프로독학러 입니다. 오늘은 나이키 런 클럽 나의 코치 운동 19일차로, 회복 운동을 하는 날이었습니다. 이전까지 했던 회복 러닝들은 시간에 포커스가 맞춰져 있었는데요, 오늘 진행한 회복 러닝은 거리에 목표가 있네요. 1.5 킬로미터를 킬로미터당 6'37초의 페이스로 달리는게 목표였습니다. 저는 킬로미터당 평균 페이스 6'04'' 로 완주 했네요. 오디오 가이드는 중간지점에서 한 번, 킬로미터당, 얼마 남지 않았을 때 나옵니다. 운동을 완료하면 위와 같이 일정에서 완료표시가 뜹니다. *운동을 완료하고도 일정에 완료표시가 뜨지 않으면 아래의 링크를 확인해 주세요. 그럼 모두들 부상없는 즐거운 러닝 되시길 바라면서 저는 이만 들어가겠습니다. 감사합니다! *이 포스팅이 도움이 되셨다면 다녀가셨다는 ..

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 라우트 내부에 라우트를 설정하는 방법에 대해서 알아보도록 하겠습니다.이는 react-router 가 버전 4로 업데이트 되면서 기존의 방식과는 달라진 것이기 때문에 기존 버전을 사용하신 분들이라면 자세히 들여다 보시는 것을 추천드립니다. * 포스팅의 내용은 Velopert 님의 리액트 라우터 강의를 복습한 내용이므로 Velopert 님의 원본 강의를 듣고싶으신 분들은 아래의 링크를 참조해 주세요. https://velopert.com/3411 라우트 내부의 라우트 먼저 버전 4 이전에 라우트 내부에 라우트를 설정하는 방법에 대해서 잠깐 살펴 보겠습니다. 123 Colored by Color Scriptercs 이전 버전의 리액트 라우터에서 라우트 안에 라..

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 SPA 어플리케이션 안에서 다른 라우트로 이동하는 방법에 대해서 알아보도록 하겠습니다. * 포스팅의 내용은 Velopert 님의 리액트 라우터 강의를 복습한 내용이므로 Velopert 님의 원본 강의를 듣고싶으신 분들은 아래의 링크를 참조해 주세요. https://velopert.com/3411 Link 컴포넌트 SPA 안에서 라우트간의 이동은 HTML 의 태그를 이용하지 않습니다. 태그는 페이지 전체를 다시 로딩, 즉 새로고침 해버립니다. 따라서 새로고침하지 않고 라우트로 이동하고자 할 때는 리액트 라우터의 Link 컴포넌트를 이용합니다.Link 컴포넌트를 사용하면 페이지 전체를 새로고침 하지 않고, 이동을 원하는 라우트로 화면을 전환해 줍니다. Lin..