muntari Log muntari Log

개발자 도구 개발자 도구는 브라우저에서 제공하는 하나의 도구(tool)이다. 개발자 도구를 이용해 즉각적으로 수정하고 문제 발생 시 원인을 파악하여 빠른 속도로 더 나은 사이트를 만들게 도와준다. 개발자 도구에는 여러 개의 Panel(teb)이 하는데 가장 자주 사용되는 Panel을 정리하여 상황에 맞는 panel을 찾아 사용하면 된다. 객체 : 프로퍼티 : Console 패널 Console 패널의 기능 - 로그를 확인하고 스트립트 명령어를 입력하는 패널 - 중단점을 건 시점의 변수를 체크 할 수 있고, 값을 평가하거나 수정 할 수 있다. - 실시간으로 자바스크립트를 즉시 실행하고 에러메세지 등을 출력해준다 (디버깅할때 자주 사용) 콘솔에 기록된 로그를 모두 지울 때 사용하는 메소드는? console.c..

function 먼저 함수란 일정 작업을 수행하는 코드블럭으로 반복되는 코드를 줄여주기도 하며 코드의 가독성을 높혀준다. 수학에서의 함수와 동일한 개념으로 input 이 있고, output이 있는 구조이다. def 함수명(parameter): 문장1 문장2 ... 문장N [return 리턴값] Parameter 란? 매개변수 라고 부르며 정의한 함수에 이러한 매개변수를 이용하여 함수를 호출한다. 아래 방법은 기본적인 함수 호출 방식으로 매개변수를 순서대로 입력하는 위치인수 (positional arguments) 이며 기본적인 방법이다. def love (매개변수1, 매개변수2): print("{} LOVE {}".format(매개변수1, 매개변수2)) # print(f"{매개변수1} LOVE {매개변수..

Data types Integer Float Complex Numbers String Boolean Complex Numbers 실수와 허수를 포함하고 있는 복소수를 이야기 한다. 허수를 표현할때 파이썬에서는 j를 사용합니다. 예를 들어, 1+3j 가 complex number 이다. f-string print 함수 사용시 이전에는 몰랐던 내용으로 f-string을 통해 더욱 편리하게 출력되게 할 수 있다 먼저, Literal String Interpolation 이라는, 간단히 줄여서 f-string 이라고 불리는 새로운 기능을 제공해 준다. 먼저 간단한 사용법 부터 보자. f-string 은 아래와 같이 'f' 라는 접두사와 {} 중괄호를 통해 간단하게 사용 가능하다 (대문자 F도 가능하지만 통용 문..

CSS 레이아웃 레이아웃에는 정답도 공식도 없다. 오로지 경험을 통해 배우는것이 훨씬 많다. 보통 태그를 이용하여 레이아웃을 짜게 되는데 태그를 만들고 class 나 id를 부여하여 스타일을 적용하게 되는데 우선순위가 id가 훨씬 높기 때문에 id를 남발하면 selector 지정시 코드가 쓸데없이 복잡하게되므로 class를 사용하는것이 좋다. float 이미지 주변에 텍스트로 감싸기 위해 만들어진 프로퍼티로 현재는 주로 flex 속성이 훨씬 더 많이 사용되고 있다. 시간이 지나면서 float -> flex로 변환했다는것만 인지하자. Responsive Web(반응형 웹) 반응형 웹이란 pc, 스마트폰, 태블릿 pc 등 디스플레이 종류에 따라 화면의 크기가 자동으로 변하는 웹 페이지를 의미한다. 크기를 조..

CSS layout CSS 디스플레이 요소 1. Inline 요소 - 크기가 지정되어 있지 안다 - 인라인 요소의 태그로 감싸져 있는 “그 내용 만큼 만의 크기를(영역을) 갖는다” 2. block 요소 - 컨텐츠 내용과 관계 없이 화면 끝까지 크기가 할당되어있다. - Block 요소로된 태그들은 강제 줄바꿈이 일어난다. - block 요소에서는 width 값을 지정해도 더 이상 늘어나지 않지만, margin auto로 설정하면 가운데로 오게 할 수 있다(width 지정해줘야함) .center { width: 150px; margin: 20px auto; } 3. lnline_block - inline 엘리먼트에서 불가능하던 width와 height 속성 지정 및 margin과 padding 속성의 상하 ..

HTML HTML HTML은 웹 페이지를 만들기 위한 언어입니다. HTML로 웹페이지의 구조를 잡을 수 있습니다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 보여줄 내용을 구성하고 있습니다. 브라우저(safari, chrome, ie..)는 HTML파일을 가지고 뭘 어떻게 그려주면 되는지 파악한 후에 웹 페이지를 생성합니다. attribute(속성), element(요소) 아래에서 div, a, img는 태그이고 class, href, src, alt는 속성입니다. 위코드로 이동 a는 tag 이름이고 href는 attribute(속성) 이름이며 https://wecode.com 는 href 속성에 대한 attribute 값이고 "위코드로 이동"은 content(내용)입니다. 으로 시작..

## 예외 발생시키기 및 만들기 # 이전까지는 파이썬에서 정해진 예외만 처리하으면 이번에는 직접 예외를 발생시켜 보자. ## 예외를 발생시킬 때는 raise에 예외를 지정하고 에러 메시지를 넣는다(에러 메시지는 생략 할 수 있음) # raise 예외('에러메시지') try: x = int(input('3의 배수를 입력하세요: ')) if x % 3 != 0: # x가 3의 배수가 아니면 raise Exception('3의 배수가 아닙니다.') # 예외를 발생시킴 print(x) except Exception as e: # 예외가 발생했을 때 실행됨 print('예외가 발생했습니다.', e) # raise 의 에러메시지가 e에 들어간다. # 3의 배수를 입력하세요: 5 # 예외가 발생했습니다. 3의 배수가..

## 예외 처리 사용하기 ## 예외(exception) == 코드를 실행하는 중에 발생한 에러를 뜻함 def ten (x): return 10 / x print(ten(2)) # 5.0 ## 분모를 0으로 넣게 될 경우 실행 젱어가 발생하는데 이런 상황을 예외라고 한다. print(ten(0)) Traceback (most recent call last): File "c:/Users/user/Desktop/python3_실습/38.1예외처리사용하기.py", line 9, in print(ten(0)) File "c:/Users/user/Desktop/python3_실습/38.1예외처리사용하기.py", line 6, in ten return 10 / x ZeroDivisionError: division b..