노마드코더
-
Data types of Python노마드코더/python(초급) 2020. 4. 13. 11:45
프로그래밍을 배울 때 처음 접하게 되는 컨셉은 바로 variables(변수)이다. 왜냐면 variables는 우리가 정보를 넣는 곳, 데이터를 저장하는 곳이기 때문이다. a=something 이게 바로 변수이다. 우리가 python에서 variables를 생성하는 방법은 수학에서 우리가 하는 것과 아주아주 비슷하다. a=2 b=3 이라고 설정해보자. print() =function(함수) 가 하는 일은 여기 화면(터미널)에 결과를 출력하는 것임. 그리고 a = 2 b = 3 print(a+b) 이렇게 실행하면 '5'라는 결과가 나올것이다. 그렇다면, a 값을 숫자가 아닌 문자열로 넣고 싶다면??!! a = 'like this' b = 3 print(a+b) 이렇게 text(문자열)은 반드시 따옴표나 쌍따..
-
-
왜 파이선을 배워야 하는가?노마드코더/python(초급) 2020. 4. 13. 11:05
파이썬은 가장 있기있는 프로그래밍 언어 중의 하나이다. 파이선은 웹개발, 그래픽유저인터페이스(GUI), Sciedntific and Numeric 목적으로도 사용되고, 소프트웨어 개발, 머신러닝을 위해 사용되는 System Administration에도, 데이터 시각화에도, Data Science 사용된다. 와.. 정말.. 사용되는 곳이 많음.. 누가 파이썬을 사용하냐? google, dropbox, youtube, reddit, NASA 등등 파이썬을 사용한다. 파이썬은 정말 아름다운 언어이다. 초보자들도 아주아주 이해하기 쉽게 되어진 언어! 그리고 아주 쿨하다. 왜냐하면 초보자들 뿐 아니라 전문가들도 현재 계속 매일 사용하는 언어이기 때문에. 초보자가 배우기 쉬운 언어이지만, +전문가까지도 다루는 언..
-
카카오톡-클론코딩과정노마드코더/html+css (카카오클론-초급) 2020. 4. 7. 21:20
1. 구현하고 싶은 각 페이지의 html태그들을 작성한다. 2. 각 페이지를 nav태그에 링크걸어 이동가능하게 만든다. 3. reset.css로 html 각 태그의 스타일 값을 0으로 만든다. 4. 전체 body값의 기본 배경컬러, 색컬러, 패딩 등을 설정한다. 5. 전체 페이지에서 위쪽 박스부터(또는 공통으로 구현되는 박스부터) 만들기. "status-bar.css" => 새로운 css 페이지를 만든 다음에는 항상 배경컬러를 바꿔보면서 제대로 구현이 되고 있는지, 연결이 됬는지 확인하기. .status-bar{ background-color: red; } **각 공통되는 또는 꾸밀 박스마다 css파일을 작게 여러개 만드는게 좋다. 파일이 커지면 계속 스크롤을 하면서 보는게 힘듦... 6. status-..
-
#4-4 Animations노마드코더/html+css (카카오클론-초급) 2020. 4. 4. 21:28
#4-4 Animations 만약 내가 상자에 rotate-scale을 hover할 필요없이 계속 발생하기를 원한다면?? ->> 애니메이션을 생성하면 됩니당~~~ 일단, 애니메이션 이름을 지어야함. @keyframe 은 css로 하여금 내가 애니메이션을 생성했다는 것을 알려준다. @keyframe (애니메이션이름) { from {} to {} } .box{ animation: 1.5s 애니메이션 이름 ease-in-out; } @keyframes scaleAndRotateSquare{ form{ transform:none; } to{ transform: rotate(1turn) scale(.5, .5); } } 이걸 무한반복 하고 싶다면?? .box{ animation: 1.5s 애니메이션이름 infin..
-
[Module #4] CSS (#4-3)노마드코더/html+css (카카오클론-초급) 2020. 4. 3. 14:28
#4-3 . Transformations Transformations는 html문서의 element들을 변경, 모습이 변하는 효과를 뜻한다. 구조는, transform: properties(value); Properties backface-visibility perspective perspective-origin rotate scale transform transform-box transform-origin transform-style translate Data types The transform-function CSS data type represents a transformation that affects an element's appearance. Transformation functions can..
-
[Module #4] CSS (#4-2)노마드코더/html+css (카카오클론-초급) 2020. 4. 3. 13:54
Module #4 = advanced CSS #4-2. what are transitions? 트랜지션은 -이동/변경-을 멋지게 보여주는 효과이다. 이 경우, 박스가 hover될 때 색상만 바뀌고 다른 transition은 일어나지 않는다. 그냥 변경만 될뿐, 그 사이엔 아무런 애니메이션이 없음. 트랜지션을 적용하려면, 무엇을 변경할 지 적어주면 된다. 배경색을 5초 안에 바꾸라고 설정해보자. 애니메이션은 ease-in-out으로. (스르륵~~ 나타나고 스르륵~~ 사라지는 효과) transition: background-color 5s ease-in-out; 추가. Text 이렇게 box css안에 트렌지션 추가하면 애니메이션이 생김! 여기서, hover 할때, 배경색 뿐 아니라 글자 색까지 모두 애니메..