Programming53 HTML CSS 이미지, 오디오, 비디오 넣어보기! 오늘은 html css에서 이미지, 오디오, 비디오를 어떻게 넣는지 알아보겠습니다. 마찬가지로 제가 학습한 내용의 복습겸 공유 입니다. 먼저 이미지를 넣을 때는 img 태그를 사용합니다. 또한 img 태그의 속성 중 하나인 src (source)를 이용하여 특정 이미지를 정할 수 있습니다. src에는 이미지의 웹링크가 들어가도 되며, 같은 폴더내의 이미지 이름으로 가능합니다. 또한 오늘은 아래와 같은 속성들을 배워 볼 것입니다. width: 이미지의 너비 사이즈를 정한다 height: 이미지의 높이 사이즈를 정한다 alt: 이미지가 표현되지 않았을 시 대체 문구를 정한다. 먼저 img src를 이용하여 이미지를 하나 불러오겠습니다. 위와 같이 코드를 작성한 후, 크롬에서 실행을 해보면 아래와 같이 이미지.. 2022. 8. 30. HTML, CSS 기본 글자 태그 알아보기! (a태그, a href ...) 오늘은 글자 태그에 대해서 배워보았습니다. 복습겸 공유로 포스팅 합니다. html에서는 글자에 태그를 넣어서 글자의 속성을 바꿀 수 있습니다. style 속성으로 현재는 많이 대체가 되었지만 그래도 몇가지 기본적인 것들을 알고 넘어가는게 좋을 것 같습니다. a 태그: anchor의 약자, 현재 가장 중요한 태그 중의 하나이며 보통 문서나 url에 링크를 걸 때 사용 a href를 이용하여 하이퍼 링크를 걸 수 있음. 심코딩 입니다 심코딩 입니다 b 태그: bold의 약자, 글자를 진하게 해줍니다. 심코딩 입니다 심코딩 입니다 I 태그: Italic의 약자, 글자를 기울여 줍니다. 심코딩 입니다 심코딩 입니다 sub 태그: 글자를 아래쪽에 위치 하게 합니다. sup 태그: 글자를 위쪽에 위치 하게 합니다... 2022. 8. 19. HTML, CSS 시작시 꼭 필요한 확장프로그램! (비쥬얼스튜디오 확장) 이제 오늘부터 html과 CSS 공부에 들어갔다. 뭔가 시각적인걸 만들기에 재미있을 것 같기도 하고, 추후에 내 티스토리에도 적용을 할 수 있을 것 같아서이다. 평소에도 비쥬얼스튜디오코드를 통해 공부를 했기 때문에 이번에도 그냥 비쥬얼스튜디오를 이용하기로 했다. 오늘은 내가 시작전에 알게된 html css를 공부할 때 꼭 필요한 비쥬얼스튜디오코드 확장 프로그램에 대해 알아보겠다. 일단 공부 시작하기 전에 먼저 해당 확장프로그램을 설치한 후 공부를 시작하자! HTML PREVIEW Html Preview는 간단히 비쥬얼스튜디오 코드에서 미리보기를 제공하는 것이다. 보통 우리가 html을 작성을 하면 빈 크롬창을 띄워 실행을 시켜보는 것이 보통 일반적인 방법일 것이다. 하지만 이런 경우 수정을 할 때마다 계.. 2022. 8. 16. 2022 프로그래밍 언어 사용 순위? 코딩 배우려면 어떤언어? 요즘 저 뿐만 아니라 많은 학생 ,직장인 분들이 코딩을 배우려 노력을 많이 하고 있는 것으로 알고 있습니다 :) 하지만 저도 그랬고 처음에 코딩을 공부할때는 c언어 자바 파이썬 등등 많은 프로그래밍 언어들 때문에 뭐부터 배워야 되나 싶으실 건데요! 오늘은 과연 지금 현재 가장 많이 사용이 되고 있는 프로그래밍 언어가 무엇인지 알아보겠습니다 PyPL (Popularity of Programming Language) 와 TIOBE Index라고 하는 지수에서는 계속해서 프로그래밍 언어 사용 순위를 내고 있습니다. 해당을 보시면 파이썬이 TIOBE와 PYPL 인덱스 양쪽 모두에서 사용순위 1위에 해당하고 있다고 하네요. 아래 랭킹 또한 파이썬이 1위를 차지하고 있는 것으로 보입니다. 퍼센티지도 무려 1/4를 .. 2022. 8. 1. 파이썬에서 *args와 **kwargs란? (파이썬 Python) 파이썬을 하다보면 *args와 *kwargs라는 것들을 종종 보게 된다. 하지만 나도 예전에는 항상 볼 때마다 이게 무엇인지 하고 넘어갔었는데, 파이썬을 하다보면, 특히 함수를 만들다보면 가끔 정말 필요하게 되는 것 같아 조금 자세하게 적어보려고 한다. 매 포스팅이 그렇듯 해당 포스팅의 주 목표는 나의 복습이자, 미래에 이걸 또 까먹을 나를 위한 포스팅이다. *args란 무엇인가? *args와 **kwargs 모두 변수이다. 일단 *args에 대해 먼저 설명을 하자면, *args는 일단 argument의 약자이다. 또한 *args는 가변인자를 위한 변수인데, 한마디로 말하자면 우리가 함수를 만들 때, 인자를 몇 개 받아야 할지 모르는 경우 입력해두는 변수이다. *뒤에 꼭 args라고 하진 않아도 되지만,.. 2022. 7. 14. 주피터 노트북 (Jupyter Notebook) Column 수정 하기 (데이터 수정) 오늘은 저번에 이어서 데이터 수정을 간략 하게 하는 법에 대해 알아보겠습니다. 파일은 저번 포스팅에서 쓰던걸 계속 사용할 예정입니다. 앞으로 별일 없는 한 이 데이터를 계속 사용할겁니다. 먼저 똑같이 해당 파일을 주피터 노트북에서 오픈을 하도록 하겠습니다. 오픈하는 방법은 저번 포스팅에서 같이 복습하였습니다. 아래와 같습니다 결측치 (NaN) 제거하기 오픈은 잘된것 같지만 뭔가 522열부터 NaN으로 나오는게 상당히 거슬립니다. 실제 데이터를 보시면 522열은 있지도 않습니다. 해당은 결측치라고 불리우는 것입니다. 나중에 결측치에 대해 다시 한번 자세히 알아보도록 하고, 지금 이 데이터는 크기가 많이 크지 않기 때문에 한번 결측치를 모두 제거 하도록 하겠습니다. 이렇게 입력을 하고 데이터를 다시 확인을 .. 2022. 7. 12. 파이썬 tkinter 라벨 만들기 (파이썬 GUI, python) 전 글에 이어서 오늘은 tkinter에서 라벨을 만드는 법에 대해서 복습해 보겠다. tkinter가 무엇인지, 기본틀이 어떻게 되는지는 전 포스팅을 참고 부탁드립니다. 파이썬 tkinter란? 손쉽게 GUI 만들기 (기본, 버튼) (파이썬 Python) 오늘은 내가 개인프로젝트를 진행하면서, 이제 곧 거쳐야 할 부분을 복습겸 공유해보려 합니다. 바로 GUI를 만드는 것인데, 바로 어떠한 프로그램의 시각적인 부분을 만드는 것이라고 할 수 있다 s1mcoding.tistory.com tkinter로 라벨 만들기 라벨을 만드는건 그냥 label을 이용하여 만들면 된다. 일단 가장 기본적인 라벨을 만들어보자. from tkinter import * root = Tk() root.title("s1mcoding").. 2022. 7. 9. 파이썬 tkinter란? 손쉽게 GUI 만들기 (기본, 버튼) (파이썬 Python) 오늘은 내가 개인프로젝트를 진행하면서, 이제 곧 거쳐야 할 부분을 복습겸 공유해보려 합니다. 바로 GUI를 만드는 것인데, 바로 어떠한 프로그램의 시각적인 부분을 만드는 것이라고 할 수 있다. 내가 백날 코드를 만들어두면 뭐하나, 그걸 프로그램화 시키고 어떠한 gui를 만들지 않으면 그냥 그건 프로그래밍을 모르는 사람들한텐 그냥 이름모를 글자나열일 뿐이다. 오늘은 tkinter로 기본 창을 만드는 것과 버튼 만들기를 해볼 것이다. 일단 먼저 tkinter를 설치하는 법은 아래와 같다. cmd를 오픈 한 후 아래를 타이핑 한후 그냥 엔터만 누르면 끝이다. pip install tk 기본 틀 만들기 from tkinter import * root = Tk() root.title("s1mcoding") roo.. 2022. 7. 7. 이전 1 2 3 4 5 6 7 다음
