Study with Melody

IF if name == "차은우": print(f"Hello {name}") #출력 Hello 차은우 01 구조 if expression: codes to execute expression 다음에는 반드시 : 가 위치해 있어야 합니다. if문 다음에 오는 expression 값이 True 이면 codes to execute 부분의 코드들이 실행되게 됩니다. expression 이 False 이면 codes to execute 부분의 코드들이 실행되지 않습니다. 예를 들어, 위 맨 처음 코드에서 expression 은 name == "차은우" 이고, codes to execute 은 print(f"Hello {name}") 입니다. 02 indent(들여쓰기) if condition: print("if ..

숫자만 더한다고!?? 파이썬에서는 문자도 더할 수 있다!! String Concatenation print("Hello, " + "World") input() 을 통해 유저로부터 받은 이름을 저장한 변수를 화면에 출력하고 싶을 때, 사용 가능! name = input() print("Hello, " + name) 👉 " Hello, Melody" 👉 " Hello, 철수" 문자열이 너무 길고 복잡하다면!??? literal string interpolation + 를 사용하지 않고도 문자열을 더할 수 있다. 👉 사용방법 date = 1980 python_inventor = "Guido van Rossum" location = "Centrum Wiskunde & Informatica" country = "..

기본 수학연산 표현 파이썬 산술연산자 01. 더하기 + >>> 3.5 + 2.1 5.6 뺄셈 (컴퓨터는 실수를 표현할 때 오차가 발생) (참고 : https://dojang.io/mod/page/view.php?id=2171) >>> 4.3 - 2.7 1.5999999999999996 02 .곱하기 * >>> 1.5 * 3.1 4.65 03 .나누기 (몫 ) / >>> 5.5 / 3.1 1.7741935483870968 04 .정수의 나누기 (몫 ) // 파이썬에는 나누기의 값이 정수로 떨어지지 않는 경우 반내림으로 해서 정수의 값만 리턴하는 정수 나누기가 있습니다. 정수 나누기는 나누기 심볼을 2번 연속으로 사용하면 됩니다. ==> // 예를 들어, 7 / 2 = 3.5 입니다. 하지만 7 // 2 =..

Variables_변수 어떠한 특정 값을 저장하고 있는 '명사' 01 변수에 값 저장하기 👉 변수 = 값 02 변수 이름 법칙 변수 이름은 영어 알파벳과 숫자 그리고 underscore(_) 으로만 구성 변수 이름 첫글자는 알파벳이나 underscore(_)로만 시작 주의! 숫자로 시작될 수 없음 영어 알파벳은 대문자와 소문자가 구분됨. 올바른 변수 이름 : name, _name, my_name, myName 잘못된 변수 이름: 7name, my name 🍯TIP 변수의 이름을 지정할 때는 코드의 가독성을 위하여 변수에 저장된 값들에 맞게 변수의 이름을 정하는 것이 좋다. 03 데이터 타입에 따른 ""(Double Quotes)의 옳바른 사용 age = "23" next_year = age + 1 pri..

Print 파이썬에서 화면에 출력을 하고자 할때 사용 print("Hello World!") >>> 코드 분해하기 Data Type String Integer Float Complex Numbers Boolean 01. String : 문자열 두개의 따옴표 ("") 사이에 있는 문자열을 string 이라고 합니다. 파이썬이 string 을 출력할때 따옴표들은 제외하고 출력하게 됩니다. 따옴표들은 단순히 print의 괄호 안에 들어가는 값들이 string 이라고 알려주는 역할을 합니다. 02. Integer : 정수 ex) 1, 2, 100 03. Float : 소수 ex) 2.0, 3.7, 9.99 04. Complex Numbers : 실수와 허수를 포함하는 복소수 참고 ) 파이썬에서는 j를 사용하여 ..

---- 면접 중 --- [면접관] "사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요." [나] "!@#$%^&*" 위 면접 질문은 실제 면접에서 자주 다루는 질문입니다.. 이를 이해하기 위해서는 먼저 Semantic Web과 Semantic Tag에 대한 이해가 있어야 합니다. 실제 면접때를 대비하기 위해 잘 공부해 둡시다ㅎㅎ 자, 그럼 심호흡 크게 한번 하고~ Let's Go~!! (☞ﾟヮﾟ)☞ 시맨틱 웹 (Semantic Web) 시맨틱 웹이란 무엇일까요? Semantic은 사전상 '의미론적인, 의미의' 이라는 뜻을 가지고 있습니다. 그렇다면 ..

Position CSS의 `position` 프로퍼티를 사용하면, html 코드와 상관없이 그리고 싶은 어느 위치에나 요소를 그릴 수 있습니다. 예를 들어, html상 코드의 위치는 제일 마지막인데, 페이지에서는 제일 위에 보이게 할 수 있습니다. 아래는 posion의 값으로 오는 것들 입니다. 아래와 같이 4가지가 있으며, 자주 사용하는 것은 relative와 absolute입니다. position: static;-거의 사용하지 않음 position: relative; position: absolute; position: fixed; 1. relative position: relative; 자체로는 특별한 의미가 없으며, 딱히 어느 위치로 이동 하지는 않습니다. 위치를 이동시켜주는 top, right,..

이전 사전 스터디때 공부했던 내용으로, 새롭게 알게된 내용만 파악하고 넘어가자! Margin과 Padding 👉 273px이라는 가로 값은 border와 padding이 합쳐진 가로 길이 👉 margin까지 합쳐진 가로의 길이는 373px 👉 순수내용(파란색영역)의 길이는 273px에서 border(-10)와 padding(-100)을 제외한 163px p.example { width: 273px; height: 90px; margin: 50px; border: 5px solid black; padding: 50px; } Margin (주황영역) p.example { margin: 50px; } margin에 50px값을 주면 테두리 사방으로 여백이 생긴다. 즉, 위 코드를 풀어쓰면 아래와 같다. p.e..

1. Text-align 텍스트 정렬 왼쪽 정렬 : left, 모든 요소의 기본 정렬은 왼쪽 정렬이므로, 아무 text-align을 주지 않은 태그는 왼쪽 정렬이됨. 오른쪽 정렬 : right 가운데 정렬 : center .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } 예외. 은 inline-element이므로, text만큼의 영역을 차지하고 있으므로, 정렬이 되지 않는다! 2. text-indent 띄어쓰기로 들여쓰기 안되는 것도 text-indent 을 이용하면 들여쓰기 가능! ✋ text-indent : 10px 는 스페이스바 두번( )과 동일하다! .js-description { tex..