일일회고 Day-40

20220409 금요일

오늘의 도전과 배움

1. addItem.js연결
2. 유효성 검사 - html 정규식 패턴
3. css 수정
4. datetimepickr 라이브러리 사용

1. formdata함수

input 태그안에 name 속성으로 값을 불러오게 하는 함수인데 아주 심플하고 멋지다.

2. 한글 유효성 패턴

https://eblee-repo.tistory.com/40

3. css

- transition 사용
- focus-within 사용

4. flatpickr 사용

• 기초 사용법
  https://chansoo1280.tistory.com/52
• example 사용법
  js파일에서 매개변수 자리에 example 코드 삽입하면 된다.

flatpickr("#date", {
enableTime: true,
minuteIncrement: 60,
}

궁금한 점, 어려웠던 점

• 라이브러리의 옵션 잘 써보고 싶다.
  https://flatpickr.js.org/options/

• 그리고 라이브러리 커스터마이제이션 해보고 싶다!
  -datetimepicker
  -datepicker
  위주로 먼저 공부해봐야지.

• 바닐라js로 유효성 검사하는거 저번에 클린코드 스터디에서도 너무 어려워서 쉬었는데
  공부해두긴 해야겠다... 넘 어렵..

• 값을 보내고 받아오는 과정을 다루는 일이 어렵다. 개발 처음 공부할 때 부터 가장 어려웠는데
  이 부분 기초를 잘 다지고 싶다..!

• vue 기반의 buefy 라이브러리도 써보고 싶다!
  https://buefy.org/

-css align 공부 많이 해야지..
https://velog.io/@anrun/CSS-%EC%9C%84%EC%B9%98-%EC%A7%80%EC%A0%95%ED%95%98%EA%B8%B0position-float-inline-block-hyk5xn5nql

내일 해보고 싶은 점, 방향

내일 무족권 타입스크립트 강의 80%듣기!