전체 글15 CSS 활용 1편 CSS로 적용할 수 있는 스타일에 대해 정리했다. CSS 적용 방법이 어려우면 이전글을 참고하면 된다. 목차 1. CSS 색 표현 2. CSS 텍스트 스타일 3. CSS 단위 4. CSS 폰트 5. CSS div 박스 모델 6. CSS 배경 다루기 7. CSS 텍스트 그림자 / CSS 박스 그림자 8. CSS 마우스 커서 제어 1. CSS 색 표현 CSS로 색 적용 시킬 수 있는 프로퍼티(속성)는 3가지가 있다. 1. color (텍스트) 2. background-color (배경 ) 3. border-color (테두리) 색 적용 방법 1. 색 이름 2. 16진수 3. rgb 2. CSS 텍스트 스타일 1. 들여쓰기 text-indent : (단위나 퍼센트로) 2. 정렬 text-align : (lef.. 2022. 9. 28. CSS와 셀렉터(Selector) html 파일에 CSS를 적용하는 방법에 대해서만 다루고 있다. 구체적인 CSS 태그나 속성들에 대해서는 다음글을 참고하면 된다🤭 CSS 적용하기 1. 태그 CSS / 셀렉터 예제 Hello World 중첩된 style frontend study HTML5 CSS JAVASCRIPT backend는 더 어렵다 external.css body{margin-left: 30px; margin-right: 30px;} p{background-color: pink;} 결과 CSS를 더 공부하고 싶다면 아래 게시글을 참고하자 CSS 활용 기본 CSS로 적용할 수 있는 스타일에 대해 정리했다. CSS 적용 방법이 어려우면 이전글을 참고하면 되고, CSS 활용 고급은 다음글로 작성 예정이다!! 목차 1. CSS 색 표.. 2022. 9. 26. HTML 웹 폼 [Web Form] 태그 폼 요소 작성 폼 요소 1. 2. 2022. 9. 26. HTML 문서 구조화를 위한 시맨틱 태그 [Semantic Tag] 시맨틱 태그 1. 머리말 2. 하이퍼링크 집합 / 목차 3. 본문 / 장 4. 본문과 연관 있는 독립적 영역 5. 본문과 벗어난 노트나 팁 6. 꼬리말 위치나 색, 모양 등이 자동으로 결정되는 것이 아니기 때문에 CSS3를 이용해 직접 지정 해줘야한다. 시맨틱 블록 태그 1. 그림(사진,차트,삽화,소스코드 등)으로 블록화 2. 상세정보 3. details의 제목 표현 시맨틱 인라인 태그 1. 중요한 텍스트 2. 시간임을 표시 3. 범위나 퍼센트의 데이터 량 표시 4. 작업 진행정도 2022. 9. 26. HTML 기본 태그 정리 학교 강의 자료를 기반으로 작성한 html 태그 정리 1. 브라우저의 타이틀 지정 2. 제목 달기 , 등등 3. 툴팁 달기 (마우스 대면 나오는) 4. 단락 나누기 5. 수평선 6. 줄바꿈 7. 포맷 그대로 8. 텍스트 꾸미기 진하게 / 중요한 / 강조 / 이텔릭체 / 작게 / 취소선 / 밑줄 / 윗첨자 / 아래첨자 / 하이라이팅 9. 대표적인 블록태그(새 라인, 한 라인 독점) 10. 대표적인 인라인 태그(블록의 일부) 11. 메타 데이터 기본 url / 외부 자원 연결 / / / / 웹페이지 저작자, 설명, 키워드, 문자 등 모두 안에 작성 (는 도 가능) 12. 이미지 삽입 src = 파일의 url / alt = 사진이 없을 때 지정할 문자열 / width = 폭 / height = 높이 13. 리.. 2022. 9. 25. [Spring Boot] 스프링부트 + jwt 인증 구현하기 / Token 발급받기 안드로이드 네이티브 앱의 API 서버에 인증기능을 추가하려 한다. 기존에는 클라이언트에서 google 로그인 후, 요청 헤더값에 포함한 이메일로 사용자를 구분하는 데에 그쳤다. 분명 앱 내에서는 로그인을 해야만 API를 이용할 수 있었지만, 사실상 이메일만 알고 있다면 외부에서 얼마든지 모든 DB를 조회할 수 있던 것이다 ㄴ(ㅇ0ㅇ)ㄱ 물론 당시 생각으로도 웹뷰를 통한 세션 로그인이나 Oauth2 등 인증에 대해 가볍게 생각은 했었지만, 결국 완성하지 못해 이렇게 뒤늦게 공부를 하게 되었다..🥲 시작하기 전에, 당시엔 몰랐지만 구글링을 좀 하다보니 알게 된 사실이 있는데 네이티브앱과 서버가 통신하는 구조일때 Token인증이 가장 강력하고 쉽게 사용할 수 있다는 것이다. Token과 항상 같이 언급되는 S.. 2022. 9. 15. 이전 1 2 3 다음
