내용 목차
#코딩 개발일지 시작의 한마디
잘하는 분들 보니까 열심히 해야겠다는 생각이 든다. 나도 저만큼 할 수 있도록 노력하자
# 개발 업무내용
[오늘의 목표]
프론트 페이지 CSS 마무리, temp html 복습 시도 해보기
[토의 내용]
대문페이지가 없는거 같아서 내가 만들어 보기로함. (keyframe이랑 gif 파일을 이용)
내가 맡은 페이지 temp html로 해보고 안되면 7페이지 만들기.
# 업무 중 이슈/고민 .. 그리고 해결한 내용
벡엔드 하는거 보니까 얼마나 대단하던지..그냥 중괄호 하나 차이로 실행이 된다 안된다가 갈리니까 프론트/벡 둘 다 장단점이 있는거 같다.
그리고 나는 아직 자바스크립트도 어렵고 이해가 잘 안되고 temp html get/post 요청에 대한 이해도 부족한것 같다. 나중에 복습하기로 하고
지금 그나마 내가 할 수있는 프론트엔드에 집중했다.!
한번 더 정리
HTML - 웹페이지의 골격을 만드는 언어
CSS - 웹페이지를 꾸밀 때 사용하는 언어
JavaScript - 웹을 더욱 동적이게 만들어주는 스크립트 언어
css에서 ID는 #을 class는 .을 이용해서 속성을 추가한다.
적용되는 우선 순위에는 차이점이 있다.
ID > class < tag
문자(text)관련 속성
⭐ color : 문자의 색상을 지정 red, blue 색상을 적어내거나 16진수 색상 #00000로 가능
⭐ text-align : 문자의 정렬 방식을 지정
-left: 왼쪽 정렬
-right: 오른쪽 정렬
-center: 가운데 정렬
-justify: 양쪽 맞춤(2줄이상, 강제로 줄 바꿈 x)
⭐ test-decoration : 문자의 장식을 지정
-none: 선없음
-underline: 밑줄을 지정
-overline: 윗줄을 지정
-line-through: 문자를 가로지르는 선을 지정
⭐ a태그에 text-decoration : none을 해주면 링크의 밑줄이 사라짐
⭐ text-indent : 첫번째 줄의 들여쓰기를 지정.
⭐ letter-spacing : 문자 사이 자간(글자 사이 간격)을 설정
⭐ word-spacing : 단어 사이 간격을 설정
https://getbootstrap.com/docs/4.0/components/card/
웹사이트 제작시 응용프로램을 제작하기 위해 사용되는 무료 소프트웨어 도구 모음
🚩 장점 - 빠르고 쉽게 반응형 웹페이지를 구축 할 수 있다.
간단한 명령어로 원하는 커스텀이 가능하며 페이지 내에서 대부분의 class안에서 코딩이 가능하다
🚩 단점 - 전체적인 부분을 담아와야해서 호출시 사이트가 무거운 느낌을 받을 수있다.
찾으면서 홈페이지에 사용할
무료 아이콘, 무료 png 사진파일, 무료 음악 사이트들도 많이 알게 되었다.
📘 무료 아이콘
https://fontawesome.com/
https://www.flaticon.com/
https://thenounproject.com/
📘 무료 사진 사이트
https://www.pngwing.com/ ㅡ-- png 파일
https://pixabay.com/
https://unsplash.com/
https://giphy.com/ <-- gif 파일
📘 무료 배경음악
📘 인터넷에서 간단하게 사용할 수 있는 포토샵
📘 GIF 파일을 수정할 수있는 사이트
📘 무료 이미지 호스팅/ 이미지 업로드 사이트
# To-do List
[주요 일정]
- 벡엔드 공부.
- javascript 공부.
- 다음 프로젝트 참가 해야 할때는 백엔드 신청해보기.
- 로그인 기능만드는거 혼자 연습해보기.
