본문 바로가기
반응형

Category357

패스트캠퍼스 챌린지 6일차 (Semantic UI React) 2021.1.29 (토) +6days Semantic UI React https://react.semantic-ui.com/ Introduction Semantic UI React is the official React integration for Semantic UI . jQuery Free Declarative API Augmentation Shorthand Props Sub Components Auto Controlled State Install $ yarn add semantic-ui-react semantic-ui-css ## Or NPM $ npm install semantic-ui-react semantic-ui-css import 'semantic-ui-css/semantic.min.css.. 2022. 1. 29.
패스트캠퍼스 챌린지 5일차 (AntDesign) 2021.1.28 (금) +5days AntDesign https://ant.design/ Installation $ npm install antd Usage import 'antd/dist/antd.css'; // or 'antd/dist/antd.less' Getting Started import React, { useState } from "react"; import { Alert, DatePicker, message } from "antd"; export default function GetStart() { const [date, setDate] = useState(null); const handleChange = (value) => { message.info( `Selected Date: ${v.. 2022. 1. 28.
패스트캠퍼스 챌린지 4일차 (Onsen UI) 2021.1.27 (목) +4days Onsen UI 모바일에 특화된 UI 라이브러리 https://onsen.io/ Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools Native look and feel with lots of ready-to-use components and automatic styling A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigation and tons of other components such as lists and forms. Th onsen.io .. 2022. 1. 27.
패스트캠퍼스 챌린지 3일차 (Emotion) 2021.1.26 (수) +3days emotion.js란? emotion.js는 CSS-in-JS의 종류 중 하나로 JavaScript 안에서 스타일을 작성할 수 있게 해준다. emotion.js는 주로 Framework Agostic과 React 두 가지 방식으로 사용된다. 공식문서 https://emotion.sh/docs/introduction Install # Framework Agnostic $ npm install @emotion/css # React $ npm install @emotion/react import emotion을 사용할 컴포넌트에 import 한다 /** @jsx jsx */ import { jsx, css } from '@emotion/react' /** @jsx jsx .. 2022. 1. 26.
패스트캠퍼스 챌린지 2일차 (스타일링 라이브러리) 2021.1.25 (화) +2day CSS의 문제점 Global Namespace / Dependencies / Dead Code Elimination Minification / Sharing Constants Non-deterministic Resolution / Isolation Global Namespace: 글로벌 변수를 지양해야하는 JS와 대치 Dependencies: css 간의 의존 관리 Dead Code Elimination: 안쓰는 css인지 어려움 Minification: 클래스 이름 최소화 Sharing Constants: JS의 코드와 값을 공유하고 싶음 Non-deterministic Resolution: css 파일 로드 타이밍 이슈 Isolation: 격리 이 문제들을 해결하기.. 2022. 1. 25.
패스트캠퍼스 챌린지 1일차 (라이브러리란?) 2021.1.14 (월) +1day 1. 라이브러리란? 라이브러리 vs 프레임워크 라이브러리는 개발 편의를 위한 도구의 모음 프레임워크는 기반 구조까지 잡혀 있음 라이브러리는 공구 프레임워크는 공장 리액트는 도구 모음 JSX / 컴포넌트의 상태 관리 / 렌더링 최적화 / 성능 확인 그 외에도 필요한 것들이 많음 이미 잘 만들어둔 도구들을 가져다가 쓰면서 리액트 생태계의 이점을 누리자 라이브러리 적용 과정 필요 > 검색 > 사용법 파악 > 적용 필요 특정 기능이 필요해짐 (직접 구현하기에는 조금 벅참) 더 나은 도구가 필요해짐 트렌드에 따른 새로운 기술에 대한 호기심 검색 필요 그대로를 검색 github / npm trends / 프론트엔드 커뮤니티 / 기술 블로그 유사한 라이브러리들을 후보로 비교(기능 .. 2022. 1. 24.
패스트캠퍼스 챌린지 -1일차 (Part 1. React 기초 정리) 챌린지 시작 전에 미리 볼 리스트를 정리해 두고 오늘까지 내용을 훑었다. 강의는 "React의 모든 것"이고 큰 커리큘럼은 아래 목록으로 구성되어 있다. Part 1. React 기초 Part 2. React 라이브러리 Part 3. React 실무 기능 Part 4. React 클론 코딩 Part 5. 트러블슈팅 Part 6. TypeScript Essentials Part 7. React로 나의 책장 만들기(TypeScript) 이중 "Part 1. React 기초"는 실제 챌린지 기간동안 챌린지 하기에는 이미 어느정도 아는 내용들을 포함하고 있을거라 챌린지 시작 전에 패스하고 싶었고, 그래서 지난 1주일 동안(사실 챌린지 시작이 지난주인줄 알고 그때 시작했던..😑) 아침, 출퇴근 시간에 훑다가 다 .. 2022. 1. 24.
패스트캠퍼스 -7일차 1월 17일 챌린지 시작일 ... 인 줄로만 알고 있었다. 50일간 진행되는 공부 챌린지와 함께 아침 시간 활용을 조금 더 타이트하게 진행해 볼 야심 찬 계획을 가지고 있었다. 최종 목표는 5시에 기상 후, 6시30분까지 스터디, 8시까지 러닝과 홈웨이트를 마친 후 샤워까지 끝내는 게 목표이다. 현재는 30분 스터디와 러닝, 웨이트까지 하고 있는데 조금 더 일찍 일어나서 스터디 시간을 늘리는 게 목적이 되는 것이다. 우선 첫 째날이라 기상이 잘 적응이 안돼서 6시가 조금 못돼서 기상을 했다. 그리고 곧 바로 책상에 앉아 1일 차 스터디를 진행했다. 아무래도 출근 전에 스터디와 러닝, 홈웨이트까지 하려다 보니 스터디 내용을 정리하거나 기록을 꼼꼼하게 할 여유는 없는 것 같다. 그런데 개발 공부는 자고로 따.. 2022. 1. 20.
패스트캠퍼스 공부 루틴 챌린지 는 패스트캠퍼스에서 진행하는 이벤트이고, 내용은 50일간 지정된 미션 수행시 강의 수강료 전액을 환불해주는 프로모션이다. 미션은 50일간 하루도 빠지지 않고 강의를 진행하고 학습한 내용을 사진을 첨부해 매일 블로그에 포스팅 하는 방식이다. 내가 신청한 강의는 React의 모든 것이라는 패스트캠퍼스 내에 있는 강의이고, React 강의 중에서 중고급 과정이다. 지난 12월에 신청하려고 했는데 타이밍을 놓쳐서 1월부터 시작하려고 하던 찰나에 1월초 5일간만 진행한 챌린지 환불 이벤트를 우연히 발견했고 때마침 참여하게 됐다. 사실, 아직 돌이 안된 아기를 육아하고 있는 입장에서 본인의 자기 계발비로 선뜻 지갑을 열기가 쉬운게 아니었다. 회사에서 일부 지원금이 있기는 했지만 강의도 (이벤트 미션이 걸려 더욱 빡.. 2022. 1. 13.
2021년 12월 회고 & 2021년 돌아보기 이번 달도 이어진 매일 5K 러닝 챌린지 개인적으로 2021년에 얻은 가장 값진 성과 중 하나는 러닝 습관을 만든 것이다. 지난 5월 가볍게 동네 한 바퀴 걷기로 시작한 작은 운동은 매일매일 5K를 달리는 습관으로 자리 잡았다. 이제는 별로 힘들지 않게 하루 5K를 달릴 수 있게 됐다. 지난 8월부터 지난달까지 하루도 빠지지 않고 달리는 기록을 세우고 있었는데 12월에서 1월로 넘어가는 이틀에 구멍이 생겼다. 약간 아쉽기는 하지만 하루하루의 구멍까지 집착하고 싶지는 않았다. 개인적으로 의미를 가지고 있는 타투를 몸에 이어서 그리고 있는데 날짜를 조율하다가 30일에 타투를 했고 며칠간은 땀을 흘리지 않아야 한다고 해서 이틀 쉬었다. 우연히 만들어진 러닝은 여러 가지 면에서 좋은 결과를 가져다주고 있다. 몸.. 2022. 1. 5.
인생은 실전이다 - 아주 작은 날갯짓의 시작 신영준, 주언규 / 상상스퀘어 인생은 실전이다 매일 아침 5K 러닝을 하고 있다. 어렸을 때는 운동을 할 때 그저 비트 강한 노래를 들으면 달렸는데 언젠가부터 뉴스 채널을 들으면서 달렸다. 그러다 매일 듣는 뉴스가 지겨워질 때쯤 ‘인생의 자극 영상’ 같은 것들을 틀어놓고 들으면서 달렸는데 그때 알게 된 채널이 였다. 유튜브 크리에이터 신사임당 님은 알고 있었지만 의 신박사님은 몰랐다. 처음 유튜브 채널을 듣다(보지 않고 들었다) 보니 그동안 누적되어 있는 영상이 너무 많아서 인생 명언이 쏟아지기 시작했다. 매일매일 신박사님 영상만 틀어놓고 열심히 달렸다. 정말 내 인생을 다시 돌아보거나 희망찬 미래를 그려보거나 매일 새벽마다 가슴 속에서 무언가가 꿈틀꿈틀 거렸다. 그 과정에서 라는 책을 알게 되었고 한 .. 2021. 12. 19.
그 시절, 아버지의 취미 우리 아버지는 취미라는 게 없다. 그냥 내가 보기에는 그렇다. 우리 아버지는 정말 일과 집 밖에 모르시는 분이다. 적어도 내가 아버지를 알고있는 40여 년은 늘 그래 왔다. 술, 담배 안 하시는 건 물론이고 그래서 그런지 친구도 없다. 그냥 일 하시고 퇴근하고 오셔서는 뉴스 보시고, 드라마에 진심이시고 재작년 은퇴를 하신 후에는 엄마랑 더 절친되셔서 엄마와 뉴스와 드라마랑만 노신다. 그런데 그런 아버지를 보면서 문득 스쳐 지나는 게 기억이 있었는데 나의 어릴 적 사진 앨범을 보면 아버지의 취미? 노력? 같은게 보인다. 내 어릴적 앨범을 보면 사진마다 한 장 한장 손글씨로 코멘트가 써진 종이가 사진 위에 붙여져 있다. 어렸을 때는 그냥 아무렇지도 않게 보였던 그저 그냥 앨범. 이 앨범이 요즘 다시 보니. .. 2021. 12. 13.
반응형

티스토리툴바