목록2018/05/21 (4)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 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..