대학원 공부172 CSS : display body{ font-family: fantasy; } div{ display: block; } span{ display : inline; display: inline-block; display: none; } display가 block인 경우 div section article nav display inline인 경우 span img a 여기서 만약에 inline을 block을 주고 싶으면 display : inline-block이라고 한다. 여기서 만약에 안 보이게 하고 싶다면, display : none; 하면 된다. display block : div nav section을 써야하는 이유 나중에 모바일에서도 비슷하게 보이려면, 창을 줄이더라도 css가 뭉게지면 안된다. 따라서 block 형태로 쌓아.. 2020. 5. 11. git & github : merge & pull Merge, Pull, # pull / 현재 repository에 fetch, merge git pull # merge git merge # merge 취소 git reset --merge git pull은 현재 repository에 현재 연결되어있는 branch의 repository와 맞춰 갱신한다. 만약 내가 집에서도 repository에 작업을 하고, 회사에서도 해야한다면! 집에서 push 한 상태로 회사로 출근하면 제일 먼저 최신 update로 pull을 해야한다. git merge는 다른 branch에 있는 변경 내용을 현재 있는 branch에 병합할 때 사용한다. 만약에 version을 나눠놨다하면 맘에들지 않는(?), 바꿔야 하는 버젼의 branch로가서 제일 맘에드는 branch의 명을 적.. 2020. 5. 11. git & github : stash git stash # git stash git stash # git stash 저장하기 --> 저장하면 git status를 했을 때 깔-끔 git stash save # git stash list 보여주기 git stash list # git stash 지우기 git stash drop 원래 git 는 add, commit, push 순으로 github 원격저장소에 update하는 방식이다. 하지만 우리가 만약 어느 branch에서 작업을 하다가 다른 branch로 넘어가야 할 때, 우리는 그 branch를 commit하고 넘어가야한다. 만약 진행하고 있던 것이 commit 하기 부담스럽다면, 이는 상당히 불필요한 commit 일 것이다. Stash 명령을 사용하면 불필요한 commit을 막아준다. S.. 2020. 5. 11. HTML : tag reference tag reference HTML tag는 기억안날 때, 찾아보자. https://www.w3schools.com/tags/ref_byfunc.asp HTML Reference www.w3schools.com 2020. 5. 10. HTML : Entity Entity non-breaking space greater than > > & ampersand & & " double quotation mark " " ' single quotation mark (apostrophe) ' ' ¢ cent ¢ ¢ £ pound £ £ ¥ yen ¥ ¥ € euro € € © copyright © © ® registered trademark ® ® 2020. 5. 10. HTML : Table HTML Table Basic HTML Table Test Firstname Lastname Age Jill Smith 50 Eve Jackson 94 John Doe 80 Tag : Description Defines a table Defines a header cell in a table Defines a row in a table Defines a cell in a table Defines a table caption Specifies a group of one or more columns in a table for formatting Specifies column properties for each column within a element Groups the header content in a .. 2020. 5. 10. HTML : string formatting HTML Tag : Description Defines an abbreviation or acronym Defines contact information for the author/owner of a document Defines the text direction Defines a section that is quoted from another source Defines the title of a work Defines a short inline quotation 사실 posting은 하지만, 이 부분은 외우는 거 보다는, 이렇게 적어두고 나중에 필요할 때 찾아서 쓰면 된다. 2020. 5. 10. HTML : HTML Attribute HTML's Attribute : Description Attribute Description alt Specifies an alternative text for an image, when the image cannot be displayed disabled Specifies that an input element should be disabled href Specifies the URL (web address) for a link id Specifies a unique id for an element class Specifies a unique class for an element src Specifies the URL (web address) for an image style Specifies an .. 2020. 5. 10. HTML : form form form은 어떤 형식에 따라 제출할 때 보통 쓰인다. Type Description Defines a single-line text input field Defines a radio button (for selecting one of many choices) Defines a submit button (for submitting the form) text는 text를 입력하는 창 radio는 클릭하는 창 submit은 제출하는 창, --> js와 연결지을 수 있다. Radio Buttons Male Female submit form 종류 https://www.w3schools.com/html/html_form_input_types.asp HTML Input Types HTML Input Type.. 2020. 5. 10. Web : 무료 html template https://tonhnegod.tistory.com/102 무료 반응형웹 템플릿 사이트 모음 이번 포스팅에서는 무료 반응형웹 템플릿 사이트들을 소개해 드리겠습니다. 직접 사이트들을 찾아보니, 트렌드에 심하게 뒤처지는 것들만 모아놓은 곳도 많이 있었고 광고성으로 무료처럼 해놓고는 유료 구매를 해.. tonhnegod.tistory.com 2020. 5. 10. javascript : module화 하기 2020/05/09 - [web/javascript] - javascript : 객체와 실습코드 javascript : 객체와 실습코드 객체지향프로그래밍 python, C++ 등등 객체를 지향하는 프로그래밍 언어에서 보통 class로 틀을 만들고, 객체를 생성하여 code의 재사용률을 높이자는 취지가 바로 객체지향프로그래밍이다. javascript� mambo-coding-note.tistory.com 지난 포스팅에서 javascript의 객체란 무엇이고, 이 객체를 어떻게 구성하는지에 대해 적었다. 오늘은 이런 function들을 담고 있는 객체들을 어떻게 관리하고 이를 모듈화 시킬 것인지에 대해 포스팅하겠다. module 우선 모듈이 무엇인가? 를 살펴보면, 만약 html 안에 내가 정의하고 싶은 f.. 2020. 5. 9. javascript : 객체와 실습코드 객체지향프로그래밍 python, C++ 등등 객체를 지향하는 프로그래밍 언어에서 보통 class로 틀을 만들고, 객체를 생성하여 code의 재사용률을 높이자는 취지가 바로 객체지향프로그래밍이다. javascript는 어떤 형태로 객체지향프로그래밍을 하는지 잘 몰랐는데, 이번에 javascript를 공부하면서 알게 되었다. javascript의 객체 javascript는 class가 따로 존재하지는 않지만, json 형식으로 해서, key value 형태를, function_name : function_method 이런식으로 구성이 되어있다. 위의 실습코드는 grades라는 객체 안에, list라는 data를 넣고, show라는 function을 넣은 객체이다. 흔히 python 에서 말하는 class의 .. 2020. 5. 9. 이전 1 2 3 4 5 6 7 8 ··· 15 다음
