본문 바로가기
스파르타코딩 내일배움캠프

스파르타코딩 내일배움캠프 - TIL Day 2

시간의 효율화 2021. 9. 14. 00:35
  • 오늘 목표:
  1. 4-9까지 완주하기. 
  2. Bootstrap 다운로드 해보기. 

배운 것:

  1. CSS
    1. ID: Unique
    2. Class: Applies a style to muliple elements. 
    3. <style>태크는 반드시 <head>안에 있어야 함. 일반적으로는 외부로부터 불러오는 것이 더 나음. 
      1. The <style> element must be included inside the <head> of the document. In general, it is better to put your styles in external stylesheets and apply them using <link> elements.
        1. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style
  2. <hr> 가로선. 나누기. html버전마다 다름. 확인 필요. 
  3. <head>의 특징. 
    1. http://tcpschool.com/html-tags/head#:~:text=%ED%83%9C%EA%B7%B8%EB%8A%94%20%ED%95%B4%EB%8B%B9%20%EB%AC%B8%EC%84%9C,%EC%9A%94%EC%86%8C%EC%97%90%20%ED%8F%AC%ED%95%A8%EB%90%98%EC%96%B4%EC%95%BC%20%ED%95%A9%EB%8B%88%EB%8B%A4.
  4. CSS Margin: (1) (2) (3) (4)
    1. When one value is specified, it applies the same margin to all four sides.
    2. When two values are specified, the first margin applies to the top and bottom, the second to the left and right.
    3. When three values are specified, the first margin applies to the top, the second to the right and left, the third to the bottom.
    4. When four values are specified, the margins apply to the top, right, bottom, and left in that order (clockwise).
      1. 출처: https://developer.mozilla.org/en-US/docs/Web/CSS/margin
  5. Javascript 함수 
    1. function mysum(num1, num2){
	alert('안녕!')
    return num1+num2
}

let result2 = mysum(2,3) 
// 콘솔창에서 이렇게 하면 바로 alert('안녕!')이 뜸. 그 이유는 mysum(2,3)이 먼저 호출되어서
함수가 실행되고, 그 다음 return값인 5가 result2에 저장되는 것임. 

result(2)
// 그리고 여기서 result2를 부르면 저장된 값 5가 나옴.
    2. 함수 안에서 변수를 선언하면, 그 함수가 끝나면, 변수 선언도 끝난다. 웹개발 기초 2-2. 
  6. jquery (복습하기) 
    1. 미리 작성된 javascript. 
    2. ``(백틱) 쓰기 연습.
  7. 3
  8.  

 

참고자료:

 

CSS Properties Reference - CSS: Cascading Style Sheets | MDN

The following is a basic list of the most common CSS properties with the equivalent of the DOM notation which is usually accessed from JavaScript:

developer.mozilla.org

  • 구글에서 CSS Property 검색

헷갈리는 개념:

  • for tag
  • label tag
  • <form> and <div> 차이
    • Div tag is used as a container.They are used for formatting the content on the page(basically we use divs and css now instead of tables). 묵을 때. 
    • Form tag is used for sending request to the server, it has attributes like method={GET/POST} and action="something.cs". 입력 받을 때. 서버로 보낼 때. 
  • 컨테이너:
    • 묶어주는 것.

재구현 해보기:

  • 2-10 따릉이 API

'스파르타코딩 내일배움캠프' 카테고리의 다른 글

스파르타코딩 내일배움캠프 - TIL Day 5(2021.9.17.금)  (0) 2021.09.18
스파르타코딩 내일배움캠프 - TIL Day 3  (0) 2021.09.15
TIL 2021-9-13 스파르타코딩 - 파이썬 혼자놀기 패키지 힙한취미 코딩 (3)  (0) 2021.09.13
스파르타코딩 내일배움캠프 - TIL Day 1  (0) 2021.09.13
TIL 2021-9-12 스파르타코딩 - 파이썬 혼자놀기 패키지 힙한취미 코딩 (2)  (0) 2021.09.12

'스파르타코딩 내일배움캠프' Related Articles

티스토리툴바