worldint
mathengi
worldint
전체 방문자
오늘
어제
  • 분류 전체보기 (152)
    • infra, cloud (4)
      • aws (4)
    • TIL,WIL(일간,주간 회고) (57)
    • 컴퓨터 공학 (5)
      • 정보통신 (3)
      • 컴퓨터 구조 (2)
    • Math (1)
      • linear algebra (0)
      • 명제와 집합 (1)
    • Operating System (8)
      • Linux Ubuntu (1)
    • programming (66)
      • c , c++ (9)
      • c# (0)
      • java (2)
      • javascript (14)
      • Python (4)
      • github (1)
      • programing terms (12)
      • html, css (2)
      • docker (3)
      • algorithm_datastructure (5)
      • database (11)
      • flutter(dart) (2)
    • 항해99 부트캠프 (7)
      • 사전교육 (7)
    • 보안관련 (1)

블로그 메뉴

    공지사항

    인기 글

    태그

    • MONGOOSE
    • EC2
    • AWS
    • flutter #provider #error
    • NoSQL
    • node
    • CloudFront
    • Javascript
    • ec2 #코드디플로이 #리눅스
    • ci/cd
    • 디비데드락
    • db데드락
    • MongoDB
    • NVM
    • Blue/Green
    • docker
    • nodejs

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    worldint

    mathengi

    항해99 부트캠프/사전교육

    [항해99:사전교육](웹개발종합)1주차 교육일지 시작~~!

    2022. 10. 5. 15:42

    <1주차에 배운것>

     

    1. 개발환경 설정하기

    - aws가입 및 다운

    - 젯브레인 가입 라이센스 받기

    - 파이참다운, 젯브레인 아이디로 가입

     

    2. html, css가 무엇인지 공부하기

    - html은 웹화면을 구성하는 기본 뼈대와 규칙(?)등을 규정해놓은것 같다

    - css는 그 웹화면을 꾸미는 것,css를 써주려면 일단 html테그에 class를 넣어줘서 class이름을 정해줘야된다.

     

    -자주쓰이는 html

        <div>화면 나눠주는것

        <button>버튼

        <p>문단

        <h1>부터<h5>제목

    -자주쓰이는 css

      color: 테그안에 있는 글자 색 정해주는것

      background-color: <div>로 나눠진 배경 색상 정해주는것

     

    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("이안에 이미지 url넣으면 된다");

    background-position: center;

    background-size: cover;

     

     

    4개묶음으로 사용하는것

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

     

    3. 이미 만들어진 모양들 부트스트랩에서 복붙해서 사용할수있다.

    -사용하기위해서 <head> 테그안에 어디서 가져오는지 등등 설정을 해줘야 되는것같다.

    부트스트랩에서 제공한 <link>랑 <script>를 추가해줘야 사용할수있다.

     

    4.자바 스크립트는 스크립트 언어인데 html안에서 <script>테그안에 써넣을수있다.

    -<script>테그의 위치는 <body>가장 아래에 하는게 좋다고 한다 그래야 그림먼저 띄워줄수 있으니까

    -자바스크립트 문법은 다른언어들과 비슷한 방법으로 사용하면 된다.

    - let : 변수설정해주는것 c언어처럼 int나 char등 자료형을 지정안해줘도 자동으로 되는것같다

    -function: 함수 만들때 쓰는것


    2주차도 후딱 끝내자

     

    '항해99 부트캠프 > 사전교육' 카테고리의 다른 글

    [항해99:사전교육]<소스코드>팬명록front-end  (0) 2022.11.14
    [항해99:사전교육]<소스코드>영화기록하기 front-end  (1) 2022.11.14
    [항해99:사전교육](웹개발종합)3주차 BD(데이터베이스개요)  (0) 2022.10.11
    [항해99:사전교육](웹개발종합)3주차 python크롤링  (0) 2022.10.10
    [항해99:사전교육](웹개발종합)2주차 교육일지 jQuery기초,ajax기초  (0) 2022.10.05
      '항해99 부트캠프/사전교육' 카테고리의 다른 글
      • [항해99:사전교육]<소스코드>영화기록하기 front-end
      • [항해99:사전교육](웹개발종합)3주차 BD(데이터베이스개요)
      • [항해99:사전교육](웹개발종합)3주차 python크롤링
      • [항해99:사전교육](웹개발종합)2주차 교육일지 jQuery기초,ajax기초
      worldint
      worldint
      공부한 내용들, 트러블 슈팅, 아티클 번역 등등 올리는 블로그입니다

      티스토리툴바