본문 바로가기
728x90

분류 전체보기104

HTML/CSS - 하이퍼링크 안녕하세요! 오늘은 HTML/CSS의 하이퍼링크에 대해 좀 더 다뤄보려 합니다. 원래 기존에 하이퍼링크는 텍스트 형태로 나타났는데요, 이렇게 사용할 경우 텍스트에만 하이퍼링크가 들어가게 됩니다. 그럼 이미지에는 하이퍼링크를 어떻게 걸면 될까요? 아주 쉽게도 와 사이에 이미지를 넣어주면 된답니다! 이렇게요! 한걸음 더 나아가서 img와 텍스트 모두 하이퍼링크를 걸려면 어떻게 하면 될까요? 정답은 위에 있답니다! 바로 텍스트 이렇게요!! 그런데 글자가 이미지 바로 옆에 있어서 뭔가 이쁘지가 않네요 ㅠㅠ 이건 지난 시간에 정리했듯 img 태그는 inline 속성을 가지고 있기 때문에 글자가 img 바로 옆에 오게 됩니다! img태그를 block으로 바꾸거나 아래의 텍스트를 block으로 바꾸게 되면 텍스트가 .. 2021. 5. 9.
HTML/CSS - display 안녕하세요, HTML/CSS에서 속성을 나타내는 display에 대해 공부하겠습니다. display의 종류는 여러 가지가 있는데요, (inline/block/inline-block/flex/list-item/none 등) 그중 많이 쓰는 것들만 한번 알아보겠습니다! inline : 다른 요소들과 같은 줄에 머무려고 하며 필요한 만큼의 가로길이만 가지려 합니다. inline을 display의 기본 값으로 갖는 태그로는 , , , , , 등이 있습니다. block : 다른 요소들과 독단적인 줄에 가고자 하며 최대한 큰 가로길이를 가지려 합니다. block을 display의 기본 값으로 갖는 태그로는 ,,,,, 등이 있습니다. my name이 독단적으로 줄을 가지고 있으며 background가 끝까지 가는 것.. 2021. 5. 8.
__init__ 메소드 안녕하세요, 개발자를 꿈꾸는 직장인입니다. 오늘은 __init__함수를 알아보려 합니다. init 함수가 왜 필요한지에 대해 먼저 살펴보겠습니다. 인스턴스 변수는 항상 사용 전에 미리 설정해야 합니다. 예를 먼저 살펴보겠습니다. class User: pass user1 = User() user1.name = "Hoon" user1.email = "hoon@naver.com" user1.password = "123" user1을 인스턴스로 만든 후에 name, email, password와 같은 변수들을 따로 설정을 해줘야 합니다! 위와 같이 코드를 짜게 되면 길이가 너무 길어지는데요, 인스턴스 변수 전부를 한 번에 설정할 수 있는 인스턴스 메소드를 한번 설정해 보겠습니다. 위의 예를 initialize라.. 2021. 5. 8.
인스턴스 메소드 / 변수 안녕하세요, 지난주에는 객체의 속성을 나타내는 변수에 대해 정리하였는데요, 오늘은 객체의 행동을 나타내는 함수(메소드)에 대해 알아보겠습니다! (메소드에는 인스턴스 메소드, 클래스 메소드, 정적 메소드 3가지가 있습니다. 오늘은 인스턴스 메소드에 대해 알아보겠습니다.) 인스턴스 메소드 : 인스턴스 변수를 사용하거나, 인스턴스 변수에 값을 설정하는 메소드. class Unit(): def say_hello(some_user): # 인스턴스 메소드 #인사 메시지 출력 (some_user에는 marine1/marine2 등을 넣는다) print("안녕하세요! 저는 {}입니다!".format(some_user.name)) #3개의 marine 객체를 만든다 -> !! marine1/2/3 은 서로 다른 객체이다.. 2021. 5. 7.

티스토리툴바