일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Typesciprt
- mypage
- stock option
- userManagement
- Token
- RCPS
- 인증처리
- 밸류즈
- register
- 밸류즈 홈페이지
- Update
- 빌드 및 배포
- 배포
- 스프링시큐리티
- 로그인
- 회원가입로직
- react
- MRC
- ui탬플릿
- 이미지 업로드
- 파생상품평가
- Ajax
- jsonwebtoken
- 관리자페이지
- 마이페이지
- Styled Components
- 달력 라이브러리
- 로그인 로직
- 캘린더 라이브러리
- 공통메서드
- Today
- Total
목록footer (2)
I T H

이번 시간에는 styled components를 사용해서 Footer 영역을 간단하게 작성하겠다. styled components는 "Css in Js"에 속한다. 그렇다면 css in js란 무엇인가? 스타일 코드를 작성할때 css파일에 작성을 하는것이 아닌 button과 같은 컴포넌트에 삽입하는 것으로, javaScript 또는 TypeScript 환경에서 스타일을 작성할 수 있다. jsx또한 javaScript안에 html이 있는 문법처럼 Css in Js 또한 javaScript안에 css가 있다고 생각하면 쉽게 이해할 수 있다. - styled components 설치와 import는 작성된 부분이 있어서 아래부분을 참고하면 된다. https://devth.tistory.com/103 { ret..

이번 챕터에서는 푸터 페이지의 문구 수정 및 구글 지도를 통한 장소 표시를 하고 어바웃 페이지에는 고정된 데이터를 이용한 (DB 연동 없이) 간단 프로필 페이지를 작성해보고자 한다. [ 구글 지도를 통해 특정 장소 표시하고 HTML 코드로 넣기 ] 검색창에 “구글지도” 를 검색 후 접속 검색할 주소를 입력 후 -> 공유 버튼 클릭 -> 지도 퍼가기 -> HTML 복사 HTML 복사를 하는 경우 iframe 태그가 복사가 되는데 이 태그를 프로젝트 footer.jsp 파일의 특정 영역에 붙여넣는다. [footer.jsp] Contact +8210 5629 3792 thkim@the-value.co.kr 서울시 관악구 남현3길 61, 207호 (08806) VALUES +8210 4313 0422 dev@t..