내일배움캠프 9기 자바스프링 사전캠프 웹 개발 AtoZ 1주차

  1. HTML 및 CSS, 부트스트랩 
  2. Js 및 JQuery
  3. 서버 및 Fetch
  4. Firebase 적용
  5. Github 배포 및 파이썬 맛보기



  1주차
 
  HTML과 CSS에 대해서 짧게 배우고 넘어갔다.
  이전에 UDEMY에서 웹개발 기초 강의를 본 적있어서 강의 내용은 어렵지 않았다.
  이후 부트스트랩을 알려주셨는데 짜임새 있는 웹을 만들기 전, 부트스트랩 요소들을 잘 활용하여
  이용할 수 있을 거 같았다.
    

    html-뼈대
    css-꾸미기
    js-움직이게 해주기
    
    클라이언트가 웹에 접속을하면 서버는 이 세가지 정보를 클라이언트한테 보내준다
    
    input으로 text 및 password 를 넣어줘서 로그인 페이지를 만들었다
    
    다음은 CSS인데 CSS를 넣어줄 땐 class라는 태그를 사용한다. 그 후 head에 style을 만들어주고 .class의 태그{변경하고 싶은 내용}을 넣어서 바꿔주면 된다.
    
    자주 쓰는 CSS는 width, height, background-color, color, text-align, margin, padding, border 등이 있는데 구글에 검색하면 바로바로 나오니, 까먹으면 바로 구글에 검색하면 된다.
     값 입력하고 세미콜론은 필수
    
    구글 폰트 적용하는 법도 있는데
    import 값을 스타일에 넣어주고 원하는 태그를 지정하고 폰트 적용을 해주면 된다. 모든 태그에 적용을 하고 싶으면 *{}을 입력하고 넣어주면 된다.
    
    .class>ddd는 class안에있는 모든 ddd에 적용한다는 뜻이다
    
    display: flex;
    flex-direction: colum;
    align-item: center;
    justify-content: center;
    무언가를 정렬할때 이 요소들을 자주 사용 한다고 한다.
    
    
    부트스트랩을 쓸 땐 부트스트랩 CDN (꾸러미를 불러오는 역할)을 넣어주고 부트스트랩에서 원하는 요소를 복사하여 사용하면 된다.