프라이D
프라이Develog(❁´◡`❁)
프라이D
전체 방문자
오늘
어제
  • ALL (378)
    • TDD, Cleancode with JavaScr.. (5)
    • 프로젝트 (32)
      • work (3)
      • 직접 만드는 기술 블로그 (2)
      • 데일리 옥션 (19)
      • 모락모락 (8)
    • Computer Science (1)
    • Algorithm & 자료구조 (94)
      • 알고리즘 w.JavaScript (53)
      • 자료구조 (5)
      • (인프런) 자바스크립트 알고리즘 문제풀이 (34)
    • JavaScript (45)
      • JavaScript (41)
      • 모던 자바스크립트 Deep Dive (4)
    • WEB (13)
    • 회고 (12)
    • TIL (109)
    • WIL (7)
    • Stacks (20)
      • React.js (6)
      • Next.js (1)
      • Redux (3)
      • Node.js (2)
      • GIT (2)
      • SAP (1)
    • 15일 메이킹 프로젝트 (15)
    • 이전 기록 (14)
    • ETC. (5)
    • ---------------2021 (6)
      • 내일배움단-웹개발 5주 (2)
      • 정보처리기사 (4)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

태그

  • 알고리즘
  • vanilaJS
  • 자바스크립트비트마스크
  • 2023 인프콘 후기
  • 투포인터알고리즘
  • 코딩프로젝트
  • Til
  • nomadcoders
  • 비트마스크
  • 코드스테이츠
  • 국비지원
  • nomadcoder
  • 모던자바스크립트딥다이브
  • 내일배움단
  • 스파르타코딩클럽
  • MySQL
  • 내일배움카드
  • JavaScript
  • 자바스크립트
  • 자바스크립트알고리즘

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
프라이D

프라이Develog(❁´◡`❁)

[Day 8] 계산기 목업 만들기 -2
TIL

[Day 8] 계산기 목업 만들기 -2

2022. 7. 5. 00:15

코드를 설명하는 것이 어렵다.

매번 페어프로그래밍을 할 때 느끼는 것이지만, 내가 작성한 코드를 정확한 용어로 조리있게 설명하는게 많이 어렵다. 페어를 통해 연습하지 않았으면 계속 잘하지 못했을 것 같다. 오늘은 지난주 금요일에 작업하던 계산기 목업을 다시 제작하고, 추가적으로 동기분들의 결과물을 보면서 여러가지 새로운 것들을 배울 수 있었다.

이번 페어프로그래밍에서는 와이어프레임도 새로 작성하고 코드도 더 가독성있고 깔끔하게 작동하도록 나름의 리팩토링을 했다. 우리는 피그마를 이용해서 아주아주 간단하게 구조를 작성해보았는데, 이전보다 훨씬 더 구조를 파악하기 좋다고 생각한다. 레퍼런스를 찾아보니 실제로 이렇게 작성된 사례는 없는 것 같지만 말이다.

라이브세션에서 나도 용기를 내어서 결과물을 간단하게 발표하는 시간을 가졌다. 다른 동기분들의 발표를 들으면서 특히 css 애니메이션을 활용해 많은 것들을 할 수 있겠다고 생각했다.

 

그리고 이건 그냥 사담이지만... 오늘 아침에 엄청난 귀찮음을 무릅쓰고 수영을 다녀왔다. (대견해...)

오늘 배운 것

피그마를 사용해 만들 앱의 구조와 태그, 클래스도 정리했다.

See the Pen Untitled by hyejj19 (@hyejj19) on CodePen.

 

 

참고하면 좋은 사이트

https://cssgradient.io/

 

CSS Gradient — Generator, Maker, and Background

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.

cssgradient.io

https://mycolor.space/

 

ColorSpace - Color Palettes Generator and Color Gradient Tool

Just Enter a Color! And Generate nice Color Palettes

mycolor.space

https://colorhunt.co/

 

Color Palettes for Designers and Artists - Color Hunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

colorhunt.co

 

저작자표시 (새창열림)

'TIL' 카테고리의 다른 글

[Day 10] 리눅스, nvm, npm, Git  (0) 2022.07.06
[Day 9] 계산기 구현  (0) 2022.07.05
[Day 7] CSS Flex 활용 :: 계산기 Mock-up 제작  (0) 2022.07.01
[Day 6] CSS 기초 :: FE 역량, CSS 상대단위, Selector 등  (0) 2022.06.30
[Day 5] Html 기초  (0) 2022.06.29
    'TIL' 카테고리의 다른 글
    • [Day 10] 리눅스, nvm, npm, Git
    • [Day 9] 계산기 구현
    • [Day 7] CSS Flex 활용 :: 계산기 Mock-up 제작
    • [Day 6] CSS 기초 :: FE 역량, CSS 상대단위, Selector 등
    프라이D
    프라이D
    틀린내용 정정 및 개선사항은 언제든지 댓글 달아주세요 :D

    티스토리툴바