20대의 자산

함수의 return - 함수 사용 결과를 값으로 사용하고 싶다면 함수 내부에 return을 작성. - return 옆에 값이 있는 함수는 함수 사용 결과를 return된 값으로 치환 하여 해석한다. - 함수 사용 결과가 값이 아닌 함수는 None타입의 함수다. 함수사용결과를 추가적으로 -, +를 하고싶은 경우에는 return을 써준다. 활용하고자하는 함수를 만들고 def add(a, b): print(a + b) print(f'a에들어있는 값 : {a}') print(f'b에들어있는 값 : {b}') 10은a라는 변수에, 20은 b라는 변수에 들어가는데, 목적은 나누기 2를 해서 평균을 구하고 싶은것. 만들어둔 함수를 실행해보면 에러가 뜬다. 나누기 2는 int타입이니 문제는 없는데 add(10, 20)..

WEB-Front end 2023. 3. 1. 03:28

1. 전체 선택자(*) 스타일을 모든 요소에 적용할 때 사용합니다. 전체 선택자는 한 번에 많은 요소를 선택하고 한꺼번에 스타일을 적용하기 위해 사용합니다. * { padding: 0; margin: 0; } 2. 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일을 적용합니다. h2 { color: orange; } * 상속 : 부모 요소의 속성 값이 자식 요소에게 적용되는 속성입니다. 3. id 선택자(#) 아이디 선택자는 웹 문서 안의 특정 부분에 스타일을 지정할 때 사용합니다. # 기호를 사용하여 id 속성을 가진 요소에 스타일을 지정합니다. 안녕하세요. #hello { color: red;} /* 요소에 관계없이 id hello인 요소를 선택합니다. */ h2#hello { color: red;}..

WEB-Front end/*CSS 2022. 11. 10. 21:44

자바스크립트란? 자바스크립트가 어떤 특징이 있고 무엇을 할 수 있는지 한번 알아볼게요. 웹사이트를 만들때 HTML + CSS + JAVASCRIPT에 대해서 자주 보실텐데요. HTML이 웹 사이트의 구조를 만든다면 CSS는 꾸며주는 역할을하고 JAVASCRIPT는 생동감을 불어넣는 역할을 합니다. 이 자바스크립트는 웹사이트를 만들때 빠질 수 없는 언어입니다. 자바스크립트로 작성한 프로그램을 스크립트(script)라고 부르며, 웹페이지의 HTML안에 작성이 가능하고, 웹 페이지를 불러올 때 스크립트가 자동으로 실행되어 동적인 이미지를 자동으로 보여줍니다. 자바(JAVA)랑 같은건가요? 자바(Java)는 1995년 썬 마이크로시스템즈에서 발표한 객체 지향 프로그래밍 언어이므로 자바스크립트와는 전혀 다른 언어..

WEB-Front end/*JAVASCRIPT 2022. 7. 11. 16:30

모든 태그의 종류와 기능을 다 알고 쓸 수는 없고, 그 중에서 개발자분들께서 제일 자주 쓰는 태그들를 한번 모아봤어요^^ 이미지 출처 : https://www.advancedwebranking.com/html/ 본문을 설명해 주지만 브라우저에는 보이지 않습니다.(눈에 보이지 않는 틀임) 표지나 작품등의 제목을 가리킵니다.(설정하지 않으면 파일명이 제목이 됨) HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의할 때 사용합니다. 레이아웃을 나누는데 주로 쓰입니다. 다른 태그와 다르게 특별한 기능을 갖고 있지는 않고, 가상의 레이아웃을 설계하는데 쓰이며, 주로 CSS와 연동하여 쓰입니다 width, height, margin-top, margin-bottom ..

WEB-Front end/*HTML 2022. 7. 11. 15:09

CSS란? CSS는 Cascading Style Sheets 약자로, HTML, XHTML, XML 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어입니다. CSS장점 1. 정보(HTML)와 디자인(CSS)를 분리하여 관리할 수 있습니다. 2. 검색엔진이 HTML을 해석 가능하게 하여 더 많은 방문자들이 방문할 수 있도록 유도할 수 있습니다. - 시각장애인을 위한 스크린리더 프로그램이 HTML문서를 해석할 수 있도록 할 수 있습니다.(웹 접근성) HTML로 문서의 뼈대를 만들면 CSS는 이 문서를 꾸며주는 역할을 하는데요. 글꼴, 글자나 사진의 위치, 배경색 등 지정을 하거나 아이폰, 아이패드, 웹 브라우저에 따라서 화면의 크기가 다르게 나타낼 수 있도록 지정도 가능합니다. CSS를 지정하는 방법은 3..

WEB-Front end/*CSS 2022. 7. 9. 22:27

예전에 만들었던 프로젝트인데 도메인 만료 에다가 API기간도 만료되고 서비스도 종료되서 프로젝트를 다시 불러 올 수 없었다.그래도 열심히 만들었는데 내버려 두자니 아까워서 다시 살렸다. 컨셉을 바꿔 영화가 아니라 마음에 드는 사진을 기록할 수 있게 다시 재구성 하였다. 처음에 사진 링크를 넣을 때 계속 인코딩이 안된 화면만 나와서 단위 테스트로 계속 타고 올라가서 어디서 부터 문제 였는지 살펴본 후,문제 점을 찾았다.파이썬으로 사이트 크롤링을 할 때 아래 있는 og태그가 다 일치 해야한다.특히 사진을 가지고 오는게 큰 목적이라 사이트 전체를 분석해준다, 사진만 나온 페이지가 아니라 사진이 속해 있는 사이트도 같이 나와야 하는것. 왼쪽은 사진 주소만 나와 있는것이고 오른쪽은 사진을 제공해준 사이트 주소도 ..

WEB-Front end/*웹사이트 만들기 & 토이 프로젝트 2022. 7. 3. 17:32

HTML 구조 잡기(3) HTML 구조 잡기(3) HTML 구조 잡기 세 번째 시간입니다. 마지막으로 갤러리 처럼 6개의 이미지가 있는 이 부분을 다른 아이들처럼 라고 class를 부여합니다. 이미지 6개가 단순히 나열되어 있는거라 쉽습니다. 웹사이트에 html태그로 구조를 만들어 보았습니다. 태그를 부여하는데 처음 이신분들은 이해가 잘 되도록 올려보았으니 도움 되셨으면 좋겠습니다.

WEB-Front end/*HTML 2022. 6. 30. 03:27

코딩 하기에 앞서, 노트북의 필수 사양을 먼저 확인해보기로 합니다. 💻 Windows 필수사양: 64bit Windows 버전: 10 (7도 괜춘) RAM: 4G 이상 CPU: i5 이상 (i3도 괜찮지만, 셀러론/팬티엄은 어렵습니다.) 64bit 확인 방법: 컴퓨터 설정 → 시스템 → 정보 💻 Mac 필수사양: 버전 10.11 이상 Mac에 관하여 클릭. Mac OS 버전을 확인. 버전 10.14.6 이니 전혀 문제 없겠죠?ㅎㅎ

WEB-Front end/*사이트 구조 잡기 연습 2020. 12. 15. 23:47