[패스트캠퍼스] 프로그래밍 첫걸음 시작하기 학습일지 4주차

 

시간 진짜 대박 빠르다.
프로그래밍 기초는 5주 과정인데, 이제 한주만 남겨두고 있다.
근데 노트북으로 들으면서 vscode 들락날락 하려니까 좀 정신 없다.
발음도 계속 씹히고... 그래도 자료 정리가 잘 되어 있어서 혼자 공부할만 하다!

프로그래밍 기초 말고도 React&Redux 일지도 작성해야 하는데... 
이건 패캠 열공 챌린지로 제출할 거라 의무감(?)에 바로바로 쓰게 되는데, 
온전한 내 의지로 쓰는 건 좀 어렵다... ^^
그래도 그건 8주 과정이니 차근차근 써야지 꼭!

1. 메뉴마다 화면 보여주기

html

js

2. 사진 올리기 - 페이지 글자수 카운팅

html

<글자입력 감지하는 기능들>

• onkeypress: 입력 전 이벤트 발생(문자키만 인식)
• onkeydown: 입력 전 이벤트 발생
• onkeyup: 입력 후 이벤트 발생

js

위와 같이 작성한 코드로, 아래 화면처럼 input 칸에 글자를 입력하면 화살표로 표시된 곳 숫자가 카운드 되어 올라간다.

완성된 웹페이지

3. 내 정보 수정 & 저장하기

완성된 웹페이지

 

<4 - 썸네일 나타내고 좋아요 토글하기>, <5 - 정렬과 필터 적용하기>는 내일 들어야지,,!