스파르타코딩클럽, [왕초보] 비개발자를 위한, 웹개발 종합반 1주차 개발일지

Dongwoo Kim·2022년 2월 14일
spartacodingclubweb개발일지내일배움단
0

스파르타코딩클럽 - 웹개발종합반

목록 보기
1/6

스파르타코딩클럽
[왕초보] 비개발자를 위한, 웹개발 종합반 1주차 개발일지

  1. 튜토리얼

    • pycharm : python 작업을 할 수 있는 개발툴
    • slack : 강의 수강 중 궁금한 내용을 질문할 수 있는 공간, 바로바로 친절히 답변해줌

  2. HTML, CSS 기초

    • HTML : 웹페이지의 기초적인 뼈대
    • CSS : 꾸미기
      - 지칭할 이름, 해당 이름에 꾸밀 내용 2가지 필요
      ex) (컴퓨터를) [파랑색으로] 바꿔라.
      			<head>
				<style>
					.mycomputer{
					color: blue;
					}
				</style>
			</head>
			...
			<body>
				<h1 class="mycomputer">컴퓨터</h1>
			<body>
		```

  3. 여러 명령어들

    • margin : 여백 (바깥쪽)
    • padding : 여백 (안쪽)
    • display: block
      - 글속성을 박스속성으로 바꿔줌
      - margin: auto 가능해짐

  4. 중첩 가능

    <style>
  .red-font{
  	color: red;
  }
  .green-font{
  	color: green;
  }
</style>
...
  1) <button class="red-font green-font">BTN</button>
  2) <button class="green-font red-font">BTN</button>
    • 1), 2) 경우 모두 green으로 출력 -> red로 나오려면 호출 순서 상관없이 <style.> 안의 순서 바꿔야함

  5. bootstrap : 다른 사람들이 만들어놓은 CSS를 가져올 수 있음

  6. 구글 웹 폰트

    • select this style 클릭
    • <title.> 밑에 <link.> 복사
    • <style.>에 *{} 안에 CSS rule 복사

  7. w3school : css 기능 검색 tip

  8. javascript

    • 웹 페이지에서 '마우스 우클릭 - 검사 - console'에서 페이지수정 가능

    • 변수
      ex) let a = 2 : a라는 공간에 2를 넣음
      : 변수 이름은 누가 봐도 알기 쉽게 : a (x), first_name (o)

    • 자료형
      - list : 순서가 중요한 자료형
      - dict : key 값에 대응되는 value 값이 중요한 자료형

    • 기본 함수
      - % : 나머지
      - 등호
      - split : 문자열 나누기

    • 함수

    • 조건문

    • 반복문

profile
Dongwoo Kim
kimphysicsman
다음 포스트

스파르타코딩클럽, [왕초보] 비개발자를 위한, 웹개발 종합반 2주차 개발일지

0개의 댓글