profile
UX, Graphic에 관심이 많은 주니어 프론트엔드 개발자. 취미는 요가와 영상편집입니다. 이모지 Lover 💘
post-thumbnail

🧘‍♀️Yogayo - 요가/필라테스 예약 및 커뮤니티 플랫폼

솔방울의 다음 프로젝트인 Yogayo 기획 초안 😃: 요가/필라테스 수업 예약 + 운동 일지 작성 + 커뮤니티 기능을 모두 가진 원스탑 요가/필라테스 플랫폼팬데믹 사태로 인해 요가/필라테스 수업 방식이 실명제/예약제로 전환되는 추세.프랜차이즈 업체들은 자체 온라인 예

3일 전
·
0개의 댓글
post-thumbnail

Find Your Plant - 토이 프로젝트 최종 보고 🕵️‍♀️

지난 몇 주간 진행한 React.js 프론트엔드 미니프로젝트가 마무리됐다. 리액트 실습차 선택한 주제였는데 프로젝트 한 사이클을 돌아보면서 재밌게 작업했다. 이제 유저(=친구들) 피드백 바탕으로 사용성 개선 한번만 더 하면 정말 뿌듯한 마음으로 마무리 할 수 있을 것

5일 전
·
0개의 댓글
post-thumbnail

[주간점검] 0727-0802

이번 주는 장마 덕분에 😇 약간 물먹은 스펀지 마냥 지냈다. 나는 이런 날씨 반댈세..Python 활용, 단위테스트Git 활용(이제 충돌도 무섭지 않다)React.js Context API미니 프로젝트(식물앱) 진행더원(The One) - John Marrs 새 책

2020년 8월 2일
·
0개의 댓글
post-thumbnail

Find Your Plant - 토이 프로젝트 경과 보고 🕵️‍♀️

얼마 전 시작한 나의 첫 프로젝트인 "Find Your Plant - 찰떡 식물 추천 서비스" 가 거의 마무리 단계에 왔다. 작은 규모의 서비스인데도 첫 프로젝트인지라 타임라인이 잘 머릿 속에 그려지지 않아서 계속 조바심 내면서 진행했는데 이젠 좀 릴랙스하고 다음 메인

2020년 8월 1일
·
0개의 댓글
post-thumbnail

👶 퍼블리싱하며 느낀점들 총정리 - 반응형/크로스브라우징/협업 관련 (작성중)

올해 초 단기 프로젝트로 세달간 반응형 웹사이트 퍼블리싱 을 했었습니다.증맬 빡세기도 했지만 퍼블리싱에 대해 정말 압축적으로 많이 배운 좋은 경험이었지요. 그런데 이후 몇달간 프론트엔드 공부만 하니 잊혀지는 것 같아서 예전에 간단히 정리해놓았던 글을 다시 꺼내서 정리해

2020년 7월 31일
·
0개의 댓글
post-thumbnail

[주간점검] 0720-0726

이번 주말은 PMS인지 뭔지 집중력도 낮아지고 의지도 많이 없어서 생각이 많았다. 덕분에 공부 안 되는 시간에 아쉬탕가를 다시 시작했으니 긍정적으로 생각하겠다. ㅋ.ㅋ There always are ups and downs! 그 외에 한 주는 무난하게 잘 보냈다. 진행

2020년 7월 26일
·
0개의 댓글
post-thumbnail

D3.js + React.js (Hooks) 함께 사용하기 -3. 그래프 축 만들기

The Muratorium 유튜브 채널의 Using React (Hooks) with D3 튜토리얼을 우리말로 요점 정리한 포스팅입니다. 튜토리얼 영상을 꼭 보고 와주세요! 영어 튜토리얼이 익숙치 않으셔도 한번 쭉 보시고 와서 본 포스팅을 보시면 이해가 되실 거예요.

2020년 7월 26일
·
0개의 댓글
post-thumbnail

D3.js + React.js (Hooks) 함께 사용하기 -2. 곡선 그래프 만들기

이번 게시글에서는 데이터 시각화 라이브러리인 D3.js와 React.js의 Hooks를 이용하여 곡선 그래프를 간단하게 만들어보겠습니다. D3.js를 처음 접하신다면, 전편인 D3.js + React.js (Hooks) 함께 사용하기 -1 를 간단히 훑고 돌아와주

2020년 7월 24일
·
0개의 댓글
post-thumbnail

D3.js + React.js (Hooks) 함께 사용하기 -1

💁‍♀️ Data Driven DocumentsD3.js는 데이터 시각화 Javascript 라이브러리로, 데이터를 바탕으로 HTML의 DOM을 직접 조작하는 것이 특징!D3는 DOM을 '직접' 제어하고 React는 Virtual DOM으로 문서를 조작합니다. 두 라

2020년 7월 22일
·
2개의 댓글
post-thumbnail

[TIL]공공데이터 API를 파이썬으로 Scraping 하기 - 짤방일기

오늘 파이썬 처음 배운 생초보고요, 허접하지만 API Scraping 코드를 짰어요그렇다. 오늘 파이썬 코드를 처음 써봤다.(기억은 안 나는데 주피터가 이미 깔려있던 걸 보니 작년에 처음 코딩 배우기 시작할 때 한번 깨작거리긴 했었나보다. 기억 안남)현재 작업중인 미니

2020년 7월 21일
·
0개의 댓글
post-thumbnail

[주간점검] 0713-0719

DatabaseMongoDB(+Node Express, mongoose)MySQL(기본 문법, Workbench 사용법)\+)CORS 이슈 해결법, xml2js(xml to json parsing) extensionD3.js 입문사람은 어떻게 생각하고 배우고 기억하는가

2020년 7월 19일
·
0개의 댓글
post-thumbnail

[TIL]NoSQL-MongoDB

Data → Information → DBMS(DataBase Management Software)RDBMS(관계형 데이터베이스) : 영구적인 데이터의 보관. 미리 정해진 테이블 포맷.NoSQL-DBMS: not only structured query language,

2020년 7월 13일
·
0개의 댓글
post-thumbnail

[주간점검] 0706-0712

교육 3주차!React Hooks(useState, useEffect, useReducer, useMemo, useCallback)React RouterAxios로 API 호출하기Redux(Action, Reducer, Store / Dispatch, Subscribe

2020년 7월 12일
·
0개의 댓글
post-thumbnail

피그마로 SVG 파일 추출하기(id 값 자동생성) Exporting SVG files in Figma

벡터 이미지를 SVG로 추출할 때 Figma가 정말정말정말 유용하다.특히 이미지의 요소들을 따로 따로 애니메이션으로 조작해야 할 때, 피그마에서 미리 그룹을 지어서 내보내서 그룹별로 ID를 가져와서 사용하면 되니 아주아주 간편하다. (파일 추출시 "Include ID

2020년 7월 12일
·
1개의 댓글
post-thumbnail

[사이드프로젝트 아이디어] 우리집에 맞는 실내식물 찾기 - 반려식물 추천 서비스

현재 듣고있는 교육과정에서 미니 프로젝트를 하게 되어서 요 아이디어로 진행해보면 어떨까!하여 이전 블로그에 올려놨던 포스팅 끌올해왔다💃구상 해놓고보니 비슷한 서비스가 이미 있어서 머쓱코쓱했지만 😂 리액트 학습 목적으로 진행하는 거니 부담없이 진행해도 좋을 것 같다.

2020년 7월 5일
·
0개의 댓글
post-thumbnail

[오픈 소스 기여하기] javascript tutorial 번역 참여하기

항상 오픈소스에 기여해보고 싶은 마음이 있었지만, 아직 코드로 기여할 수준이 되지 않는다고 생각해 첫 발을 떼지 못 하고 있었다. 😂그러다가 엘리 드림코딩 영상에서 모던 Javascript 튜토리얼 사이트의 영한번역에 참여해보라는 댓글을 보고! 용기를 얻어 오늘 첫

2020년 6월 27일
·
0개의 댓글
post-thumbnail

드림코딩 by 엘리 - 유용한 10가지 배열 함수들 - 퀴즈 정답

정답은 아니고 혼자 풀어본 코드이니 아 이렇게도 푸는구나~하고 참조해주세요! 정확한 답은 깨끗한 엘리님의 코드로 확인🌞

2020년 6월 26일
·
0개의 댓글
post-thumbnail

Javascript 함수 유형 ES5+

오늘 함수 파트 정리부분 ✏️이름없이 함수를 선언하고 변수에 저장한 후 변수를 호출해 사용하는 함수함수 정의하고 바로 실행

2020년 6월 25일
·
0개의 댓글
post-thumbnail

사이드프로젝트 아이디어 리서치에 도움 될 만한 팁! (트렌드 조사, 검색 스킬, PDF변환)

현재 수강중인 클라우드 웹개발 교육에 일일 강연을 와 주신 배준오 MVP님의 꿀팁들을 기록&공유차 적어본다. 👉트렌드 [Google Trends] (https://trends.google.co.kr/trends/explore?q=%EB%B0%98%EB%A0%

2020년 6월 24일
·
0개의 댓글
post-thumbnail

[알고리즘]Level 1. K번째 수

문제 설명배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다.예를 들어 array가 1, 5, 2, 6, 3, 7, 4, i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 5, 2,

2020년 6월 23일
·
0개의 댓글