부트스트랩을 이용해 '유기동물 입양' 페이지를 만들었습니다. 이 페이지에 DB는 연동되어 있지 않습니다. 부트스트랩이 적용되어, 카드와 모달창이 동적으로 작동합니다. 카드에서 담아 온 정보는 모달창에 전달되고, 모달창에서 입양자 이름을 입력하면... DB나 블록체인으로 넘어가도록 되어있는 페이지입니다. 참, 이 페이지는 블록체인 과정 수업을 하면서 배운 내용입니다. 수업이 진행되면 이렇게 프런트앤드 부분과 블록체인을 연결해 사이트를 구축할 수 있다고 합니다. 부트스트랩을 이용해 동적인 페이지를 만드는 것... 재밌고 신기한데요! 깃허브 : https://github.com/ldh52/javascript/tree/main/petAdoption
인프런 '처음 만난 리액트(React)' 강의를 듣고 만든 포트폴리오입니다.프런트앤드 미니 블로그인데요, DB와 연계한 listCRUD 기능은 구현되어 있지 않습니다. 블로그 글 목록 보여주기, 블로그 글 작성하기, 댓글 작성하기 등의 기능을 구현하였습니다. 자바로 listCRUD 기능을 구현한 적이 있는데, 리액트를 이용해 이렇게 프런트앤드로 구현할 수도 있군요. 다음에는 자바로 만든 게시판을 포스팅해야겠습니다. 짧은 시간이었지만, 인프런을 통해 리액트를 공부할 수 있어 큰 도움이 되었습니다. 코드잇에서도 강의를 듣고 있는데, 코드잇에는 '주사위 게임' 프로젝트가 있어 곧 만들어 볼 예정입니다. 인프런, 좋은 강의 감사합니다. 깃허브 : https://github.com/ldh52/React/t..
- Total
- Today
- Yesterday
- solidity
- 코틀린
- 타입스크립트
- react
- 법인영업
- grafana
- Ta
- 파이썬
- 애견동반여행
- django
- 자바스크립트
- 마크다운
- 오블완
- 자바
- postgres
- 스프링부트
- 깃허브
- pushgateway
- HTML
- 리액트
- 해시노드
- CSS
- 부트스트랩
- 랜딩페이지
- 블록체인
- jsx
- prometheus
- redis
- 보험
- 티스토리챌린지
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |