whatisthis?

생활코딩 WEB2 - css 편 (3/3) 화면에 크기에 따라 웹페이지 요소들이 최적화된 크기로 바뀌게 하는 것. >> 핵심 : 미디어 쿼리 mediaquery.html이라는 예제를 통해 알아보자. ** 화면이 600px보다 커질때 글자가 없어지게 mywebproject.tistory.com *** 중복 제거의 중요성 *** 그러나, 태그의 부분은 결국 index.html, 1.html, 2.html, 3.html에 중복 되어있는 것이다. 만약 스타일 요소를 하나라도 수정한다면, 우리는 모든 파일에 들어가서 이를 수정해야 하는데 이런 번거로움을 없애고 중복을 없애기 위해 다음과 같이 .css 파일을 이용해보자. 위처럼 태그 안의 내용을 복사해서 새 파일로 저장한다. 파일명은 style.css로, 즉 cs..

My future life My future life I want to be a web front-end developer. Since I was 17, I have liked computer games and I want to make it myself. Now, I want to create a website that is helpful to many people, not only games. I will be a developer who develops for everyone's convenience. content > padding > border > margin 순으로 바깥으로 뻗어나간다. 또한 각 값은 left, right, top, bottom으로 나눠져서 값을 따로 지정해줄 수 있다. 예>..

자료형/변수/주석 1. print() 함수 -숫자형 / 문자형(String) / Boolean print(5) print(-10) print(3.14) print(1000) print(30*4) print(40/2) print(4.0/2.0) print(3*3+1) print(3*(3+1)) print('문자열') print('ㅋㅋㅋㅋㅋㅋ') print('ㅋ'*6) print("boolean") print(5 > 10) print(5 10)) 2. 변수 (Var) 파이썬에서의 주석은 #으로 표시 1) 변수를 사용하지 않을 때 # 가장 아끼는 것은 무엇인가요? print("제가 가장 좋아하는 물건..

버전을 편리하게 관리할 수 있도록 관리해주는 도구. 협업시 유용하게 사용할 수 있음. 무료. 오픈소스. 오프라인 업무 가능. 쉽고 빠른 branching (협업) VCS (Version Control System)이기때문에 컴퓨터의 대부분의 파일을 관리할 수 있다. Distributed Version Control. 서버에만 존재하는 것이 아니라 분산된 시스템을 이용하여 서버에 문제가 생겨도 각각의 개발자들이 동일한 히스토리를 가지고 있으므로 서로의 정보를 이용하여 일을 지속할 수 있다. 이전 방식인 (속도가 느린) 델타 베이스가 아닌, 스냅샷(프로젝트 전체적인 내용을 가지고 있음) 중간에 가진 브랜치들 사이에서 이동이 쉽게 일어남. 변경되지 않은 파일들은 이전에 저장된 링크를 가르키므로, 스냅샷은 매우..

https://unsplash.com/ Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com https://github.com/thisisyjin/ thisisyjin - Overview thisisyjin has 2 repositories available. Follow their code on GitHub. github.com https://www.photopea.com/ Photopea | Online Photo Editor ✕..

화면에 크기에 따라 웹페이지 요소들이 최적화된 크기로 바뀌게 하는 것. >> 핵심 : 미디어 쿼리 mediaquery.html이라는 예제를 통해 알아보자. ** 화면이 600px보다 커질때 글자가 없어지게끔 하려면 다음과 같이 mediaquery를 사용하면 된다. 스크린 너비 > 600px 이라는 것은, 최소폭이 600px이라는 것 이므로, min-width=600px이 된다. 조건 screen width > 600px = @media(min-width:600px) 적용할 선택자, 속성 div{ display:none; } = 600px이 넘어가면 display:none으로 인해 사라지는 것을 알 수 있다! +) 반대로, max-width를 사용하면, 폭이 600보다 작아지면 사라지게 된다. 우리 웹사이..

2-8. 박스 모델 근본적인 태그의 사용에서 알 수 있듯이 태그는 줄바꿈이 되어 화면을 다 사용하고, 태그는 줄바꿈이 되지 않고 자신의 컨텐트 크기만큼만 사용한다. My future life I want to be a web front-end developer. Since I was 17, I have liked computer games and I want to make it myself. Now, I want to create a website that is helpful to many people, not only games. 다음과 같이 태그와 태그가 있을 때 둘의 차지하는 공간에 대해 알아보자. border-width는 테두리 두께, border-color는 테두리 색상, border style..

etc. 깃허브 레파지토리에 업로드하는 방법 (git bash cmd창) - 설명용(X). 웹 공부 기록용 블로그입니다. 설명이 친절하지 않으니 다른 곳에서 알아보시는걸 추천드립니다. **참조 블로그, 자료들 출처 https://guides.github.com/ GitHub Guides GitHub is the best way to.. mywebproject.tistory.com 위 포스트를 통해 깃허브 레파지토리에 파일을 업로드 하는 방법에 대해 알아봤다. (처음 등록하였을 때 기준으로 작성된 것임.) 앞으로 수많은 코드의 수정들이 계속 될텐데, 이때는 어떻게 적용해야 할지 알아보겠다. 나는 1.html 2.html 3.html 그리고 index.html로 총 4개의 html파일의 코드를 일부 수정하였..

GIT으로 commit push를 하려다가 계속 오류가 뜨길래 해결법을 찾아보았다. 대충 오류 문구는 ' another git process seems to be running in this repository ... (중략) ' 였고, 해석해보니 다른 프로세스에서 git 프로세스가 동작하고 있어서 index.lock이라는 파일에 에 의해서 git add 나 git commit등 모든 명령어가 막힌 상태가 된 것 같다. 구글링 해본 결과 나와 같은 문제를 겪는 사람들이 많이 있었고,아래 사이트를 참조하여 다행히 해결할 수 있었다! https://careerkarma.com/blog/git-another-process-seems-to-be-running/ Git process seems to be runn..

생활코딩 WEB2-CSS html태그를 꾸미기 위한 해결책 1. 이미 있는 html의 디자인에 관련된 태그를 만드는 것 ( = 쉬운 방법 ) 2. 아예 새로운 언어를 만드는 것 ( = 근본적인 해결책 ) 1. html 문서 내에 새로운 태그가 생겼다! 태그 : 이제는 사라짐. 글자 색을 바꿀 수 있도록. 이것은 와 같은 다른 html태그와는 달리 '정보'를 나타내지 않는다. 따라서 이는 해당 페이지의 정보로서의 가치를 떨어뜨리게 됨. 또한, 태그 글자 색을 빨강으로 바꾸는 일을 1억개를 반복한다면 ? -> html에서는 일일히 하나씩 수정해야함 = CSS필요 2. CSS로 적용하는 방법 index.html 문서의 태그 내에 태그 추가하기. 태그가 몇개이던간에 한번에 다 font color가 red로 바뀌..