함께 성장하는 프로독학러

안녕하세요, 프로독학러입니다. 이번 포스팅에서는 저번 포스팅에 이어 Counter 어플리케이션을 만들어보도록 하겠습니다. *velopert 님의 Youtube 강의를 정리한 내용이라고 보시면 될 것 같습니다. (5강) 리덕스를 이용한 상태관리 프로젝트의 순서는 다음과 같다고 했습니다. 1. 액션 타입 생성 (action 은 객체이며, type 속성을 반드시 가지고 있어야 한다.)2. 액션 생성 함수 정의 (액션 생성 함수를 통하여 action 객체를 빠르게 만들 수 있도록 도와줌)3. 실질적으로 변화를 일으키는 함수인 리듀서 정의 (인자로는 prevState와 action이 들어옴, 들어오는 action 객체의 타입에 따라 어떤 변화를 일으킬지 정의)4. 스토어 생성 (3에서 만든 리듀서를 포함하여 cr..

안녕하세요, 프로독학러 입니다. 무릎 부상 때문에 거의 2 주간 러닝을 하지 못했었는데요, 오늘은 그간 했던 재활 운동의 효과가 있는지 볼 겸 가볍게 달리고 왔습니다. 달리기를 할 때 저는 '나이키 런 클럽' 어플리케이션을 이용하는데요, 오늘 보니 '러닝 가이드' 라는게 있더라구요. 저는 원래 위의 메뉴 중 바로 시작을 통해서만 어플을 이용했었습니다. 그도 그럴것이 어플을 실행하면 제일 먼저 나오는 화면이 바로 시작 이었거든요. 이런게 있는줄도 몰랐어요... 그런데 오늘은 어플을 실행하고 나오는 첫 화면이 러닝가이드 이더군요. 이게 새로 생긴건지 아니면 원래부터 있었는지는 사실 잘 모르겠지만 오늘 저는 러닝 가이드 중 'FIRST RUN - 회복 러닝' 을 실시하였습니다. 기존에 사용하던 바로 시작을 통..

안녕하세요, 프로독학러 입니다. 오랜만에 러닝 카테고리에 글을 쓰게 됐네요. 마지막으로 쓴 글에서 무릎이 아파 당분간 러닝을 쉬어야겠다고 했었는데요,오늘 저번에 구입한 쿠션화를 테스트 해 볼겸 가볍게 뛰고 왔습니다. 밖으로 나가서 뛰기 전에 역시 확인해 봐야 할 것은 미세먼지 농도... 미세먼지의 농도는 48로 '보통' 이었기에 꼬까신을 신고 밖으로 나왔습니다. (구입하고 처음 뛰게 되는거구나. 너도 설레니?) 오늘 날씨는 정말 좋았습니다. 저는 평소와 마찬가지로 장자호수공원(장자못 공원)을 뛰었습니다.요 며칠새 비도 오고 바람도 많이 불어 벚꽃이 다 졌을 줄 알았는데 왠걸요, 이렇게 벚꽃이 만개했네요! 햇빛도 좋고 미세먼지도 좋고 정말 뛰거나 산책하기 좋은 날이 아닌가 싶네요.매일 오늘 같으면 좋겠어요..

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 저번 포스팅(전개연산자)과 비슷하지만 쓰임이 약간은 다른 나머지 매개변수에 대해서 알아보도록 하겠습니다. 나머지 매개변수는 정해지지 않은 수(부정수) 인수를 배열로 나타낼 수 있도록 하는 표현법입니다. 표현식은 다음과 같습니다. function(a, b, ...theArgs) { // ... }함수를 선언 할 때, 해당 함수가 호출될 때 값으로 들어올 인자를 정하는 것을 매개변수라고 합니다. 이 매개변수를 지정할 때 매개변수의 이름 앞에 ...을 붙이면 이는 나머지 매개변수를 의미합니다. 그리고 이는 함수내에서 배열로 인식됩니다. 이해를 돕기 위해 다음 예제를 보겠습니다. 1234567var add = (...rest) => { console.log(re..

안녕하세요, 프로독학러 입니다. 제가 최근에 런닝할 때 무릎이 아프다고 했었는데요, 그 원인 중 하나는 아래의 이 사망하신 운동화 입니다... (고화의 명복을...) 메쉬 부분도 사망, 쿠션도 사망, 덩달아 저의 무릎도... 해서 쿠션이 좋은 런닝화를 검색해 봤습니다. 저의 선택 조건은 두 가지였습니다. 1. 쿠션이 빵빵해야 한다.2. 가성비가 좋아야 한다. 이 기준으로 찾아본 결과, 아식스 gt2000 5버전이 눈에 들어왔습니다. 가성비 좋은 가격에 준수한 쿠셔닝! 그리고 고대하던 택배가 오늘 도착했습니다! (예아! 소리벗고 팬티질러!!) 이미지 들어갑니다! 가장 설레는 순간이죠...오픈을 기다리는 너란 박스... 박스의 옆면에는 신발의 정보가 붙어있네요.아, 이 신발은 발 볼이 넓은 동양인들을 위해 ..

안녕하세요, 프로독학러입니다. 이번 포스팅에서는 ES6의 전개연산자에 대해서 알아보도록 하겠습니다. 전개연산자는 함수를 호출하는 인자로 배열을 사용하고 싶을 때나 배열을 정의하는 리터럴 내에서 사용할 수 있습니다.표현식은 아래와 같습니다. 1) 함수를 호출하는 인자로 배열을 사용할 때myFunction(...iterableObj);2) 배열 리터럴[...iterableObj, 4, 5, 6]2-1) 배열 리터럴 비구조화 (iterableObj를 선언하지 않고 할당)[a, b, ...iterableObj] = [1, 2, 3, 4, 5];1) 전개연산자의 함수호출용의 용도를 예제와 함께 알아보겠습니다. 12345function add(a, b, c){ return a+b+c;}var arr = [2, 4,..

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 ES6의 새로운 기능인 arrow function에 대해서 알아보겠습니다. arrow function은 익명함수를 기존 자바스크립트 문법보다 좀 더 간단하게 표현할 수 있는 방식입니다. 표현식은 다음과 같습니다. const (혹은 let) 변수명 = (파라미터) => { ... 함수 내용 ... } 비교를 위해 기존 자바스크립트에서 익명함수를 변수에 할당하는 것과 비교해 보겠습니다. 123var _addFunc = function(a, b){ return a+b;}cs 다음은 같은 예제를 arrow function을 이용해 만든 것입니다. 123const _addFunc = (a, b) => { return a+b;}cs 훨씬 간단하게 표현할 수 있는 것..

안녕하세요, 프로독학러 입니다. 이 항목의 하위 카테고리에는 프로그래밍을 공부하며 나름대로 정리한 자료들을 포스팅 할 예정입니다. 문과출신의 비전공자로, 저와 같은 처지에 놓인 분들이 이해하기 쉽도록 최대한 풀어서 포스팅 하겠습니다. 너무 구구절절하다 느끼실 수도 있겠지만 저와 같은 사람들을 위해 적는 글이니 이해 부탁 드립니다. 고수님들. 그리고 혹여 제가 이해한 것이나 설명한 것 중 잘못된 것이 있다면 언제든지 덧글로 알려주시면 감사하겠습니다. 함께 성장하는 프로독학러가 되겠습니다. 감사합니다.

안녕하세요, 프로독학러 입니다. 어제 포스팅에서 무릎이 안 좋아 중간부터 걸었다고 했었는데요, 당분간은 조금 쉬는게 좋겠다 라는 결론을 냈습니다. (포스팅 한지 이틀 밖에 안됐는데....) 사실 이전에도 무릎에 이상이 있었던 적이 있었습니다. '장경인대 증후군' 이라는걸 겪었던 적이 있었는데, 이는 간략하게 말하면 허벅지 바깥쪽에 있는 장경인대 라는 인대가 무릎쪽에 있는 대퇴골과 마찰을 일으켜 통증을 유발하는 증상입니다. 잘 의식하지 못하고 있다가 통증의 유형이 이와 비슷한 것 같아서 러닝을 잠깐 쉬어야겠다고 결론 내렸습니다. 전엔 오른쪽 장경인대가 문제였는데 이번엔 왼쪽 무릎에 통증이 느껴져 같은 유형의 것이라고는 생각지 못했나 봅니다. 지금 왼쪽 무릎의 통증은 전처럼 심하진 않지만 전에 오른쪽의 경우..

안녕하세요, 프로독학러입니다. 오늘도 아침에 런닝하는 습관을 위해 나갔다 왔습니다. 눈을 뜨자마자 확인 했던 것은 오늘의 미세먼지 농도. (기사는 아직 업데이트 되기 전 인가봐요. 목요일이라고 뜨네요) 운동하러 나가기 전에 미세먼지 농도를 확인하는게 필수가 돼 버렸네요... 공유씨의 광고가 떠오릅니다. 무슨일을 해도 미세먼지의 눈치를 봐야한다는... 다행히 보통 수준이라 다녀왔습니다. (응? 오늘은 어제에 비해 뭐가 많이 부족한데?) 총 1.91km, km당 평균 9분 5초, 총 운동시간 17분 24입니다. 위에 보시면 빨간색으로 색깔이 변하기 시작한 부분이 보이실겁니다. 그 부분부터 무릎이 아팠어요... 그래서 어쩔수 없이 산보를 하고 왔답니다. 허허... 어제 포스팅에서 신발이 오래 돼 쿠션이 죽어 ..