Code Monkey home page Code Monkey logo

header

README 마지막 업데이트 : 2023.11.10

소개

자격증

  • 2023.06 정보처리기사 필기 합격 (실기 결과 기다리는중)
  • 2023.07 SQLD 합격

스택

주 사용 :
최근 학습중 :
그 외 경험
리액트 공부를 하며 자주 접함 :
노마드코더의 줌 클론코딩 시 사용 :
비동기 테스트를 위해 사용 :
퍼블리싱 업무 시 사용해봤어요 :
디자인 툴도 잘 다뤄요
디자인대학 수석졸업, 디자인 외주 경험, 디자이너 겸 퍼블리셔로 일한 경험이 있어요😘

프로젝트

학습한 것을 활용할 수 있는 프로젝트 또는 필요한 기능을 담은 프로젝트를 만듭니다.
사용자가 편하게 사용할 수 있는 유용한 프로젝트들을 만들고 싶습니다. 😁
상상만 하던 기능들을 거뜬히 구현할 수 있는 날을 기대하며 차근차근 학습중입니다.
클린 코딩과 성능 개선을 위해 리펙토링하는 습관을 들이고자 노력합니다.

(최신순)

  1. KEEP ON
  2. printFont
  3. myBoard
  4. TODOLIST : 프리온보딩 프론트엔드 인턴십 (6월) 사전 과제
  5. 날씨예보 앱
  6. hanmadi
  7. 에잇(eight)꿀잠
  8. 노마드코더 Zoom 클론코딩

KEEP ON

링크들을 모아두고 태그로 정리하고 읽은 여부에 따라 관리할 수 있는 링크 저장소입니다.

  • 2023.09.22 ~ (개발중)
  • 참여인원2명, 프론트엔드 담당
  • url을 입력하면 해당 글의 title을 가져오며 제목, 태그, 상태를 입력하여 저장할 수 있습니다.
  • 최근 저장순으로 보여주며, 최근에 읽던 글을 상단에 출력해 읽던 글 관리를 할 수 있도록 했습니다
  • 타이틀 또는 태그 검색이 가능합니다
  • 리팩토링 후 스켈레톤, 로딩중 출력을 구현할 예정입니다
로그인 페이지(서비스 안내 슬라이드) 로그인 페이지(로그인)
링크 저장 링크 수정
링크 제목 검색 태그 검색

printFont

입력받은 글을 손글씨 스캔 자료에서 찾아 알려줍니다.

  • 2023.08.24(4일)
  • 개인 프로젝트
    친구의 손글씨 연습을 돕기위해 만들었습니다.
    글자를 찾아 보여주는것 외에도 프린트해서 연습할 수 있도록 구현했습니다.
    간단하게 출력만 하려고 바닐라 JS로 작성하였는데, 기능을 추가하고 싶어 React로 마이그레이션 할 계획입니다


    👉 printFont 페이지 보러가기
메인 페이지(입력) 메인 페이지(원고지 크기 조절)
인쇄 클릭시(여백 원고지 채움)

myBoard

공부 학습을 기록, 관리 하기위한 myBoard와 블로그입니다.

  • 2022.12 (2주)
  • 리뉴얼 2023.05~
  • 개인 프로젝트
    당장 사용하기 위해 기획없이 빠르게 만들어 사용하기 위해 바닐라 JS로 만들었습니다.
    사용하면서 필요한것이 생길때마다 변경/추가 중이기에, 어느 정도 틀이 잡혔을 때 서버를 만들고 React로 마이그레이션 할 계획입니다


    👉 myBoard 페이지 보러가기
myBoard 페이지 블로그 페이지

TODOLIST : 프리온보딩 프론트엔드 인턴십 (6월) 사전 과제

React로 TODOLIST를 만들었습니다. 두번째 만드는 TodoList라 이전과 다른 디자인을 하고싶었습니다. 4일만에 촉박하게 만들었는데 목표하던건 다 만들어져서 즐거웠습니다.

로그인 페이지 TODO 페이지

날씨예보 앱

공공API로 받은 날씨정보를 재가공하여 보여주는 단일 페이지입니다.(백엔드에서 Mixed content 에러 해결을 해주면, 배포할 예정입니다)

  • 2023.04 ~ (3주)
  • 참여인원2명, 프론트엔드 담당

날씨예보 및 대기질 정보 페이지


hanmadi

실속 랜덤단어장


에잇(eight)꿀잠

8시간 꿀잠을 자는 바른생활을 지켜보자는 마음으로 만들기 시작함! + React와 TS 연습과 함께 이왕이면 사용하기 좋고 재밌는것을 만들고 싶어서 만드는 중

  • 2023.02~
  • 개인 프로젝트 (리액트 상태관리 이해를 위한 연습)

메인 페이지(오늘 수면 시간 기록) 월별 기록 페이지(월별 수면 평균 수면 시간 출력, 특정 날짜 수면 시간 CRUD)

노마드코더 Zoom 클론코딩

영상통화 + 채팅

  • 2022.09 ~ 2022.11(2개월)
  • 강의 클론코딩 응용 프로젝트


모두모아

로그인시 스티커 수집 여부를 기록을 할 수 있는 도감기록 웹사이트로,
띠부띠부씰(빵 스티커) 모으기가 유행할때 사이드프로젝트로 만들었습니다.

  • 2022.03 ~ 2022.04(1개월)
  • 참여인원 2명, 퍼블리싱 담당
  • 바닐라JS, 워드프레스 사용


👉 모두모아 바로가기 녹화_2023_07_10_00_34_28_698

Ryu soohyeon's Projects

baroutine icon baroutine

하루시작을 정하고, 시작시간을 기준으로 생활계획표를 보여주는 기능을 만들고있습니다. React 공부 후 만드려고 미루어두고있습니다.

cat-jjal-maker icon cat-jjal-maker

[인프런] "만들면서 배우는 리액트 : 기초 - 진유림" 강의 예제 따라하기

css-reset-by-class icon css-reset-by-class

The RED : 견고한 UI 설계를 위한 마크업 가이드 by 정찬명 - CSS 초기화, CSS관련 강의 마저 듣고 수정, 질문해보자

css_optimization icon css_optimization

[패스트캠퍼스]The RED : 견고한 UI 설계를 위한 마크업 가이드 by 정찬명 - 16. CSS 코드 최적화 강의 과제

eight-kkuljam icon eight-kkuljam

8시간 꿀잠을 자는 바른생활을 지켜보자는 마음으로 만들기 시작함! + React와 TS 연습하고 싶었음

ggbbee icon ggbbee

깜박이 : 링크와 용어 랜덤 단어장을 만들거에요! 공부용!!

jscr_278 icon jscr_278

<실무에바로 적용하는 자바스크립트 코드 레시피 278> 리포지토리

lcp icon lcp

[패스트캠퍼스]The RED : 견고한 UI 설계를 위한 마크업 가이드 by 정찬명 - LCP(Largest Contentful Paint) - Example & Solution.

myboard icon myboard

오늘 공부를 내일로 미루지말자! 학습 진행도를 기록하는 보드 + 요약 정리 블로그

printfont icon printfont

입력된 문자열을 스캔된 폰트 이미지로 출력함

ryusoo-h.github.io2 icon ryusoo-h.github.io2

2022-06-17~ 깃블로그 만들기.. 일단 공부먼저 하고 블로그는 다음에 만들자

study_sass icon study_sass

[인프런] SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱 - 코딩웍스(Coding Works)

test icon test

앨리강의 따라하기

today-list icon today-list

공부 일정 캘린더. 필요해서 만드는거라 구현되지 않은게 많겠지만.. 점점 개선할 예정!

tui-grid-test icon tui-grid-test

tui-grid 테스트입니다. bk21디자인 서브페이지 표를 만들기위한..

tui.grid icon tui.grid

🍞🔡 The Powerful Component to Display and Edit Data. Experience the Ultimate Data Transformer!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.