mambo's coding note346 CSS : class naming (OOCSS) CSS에서 class를 이름 짓는 것은 굉장히 중요하다. 우리는 주로 CSS에서 div, span, section, nav 태그들로 content들을 감싸는데, HTML로 처음 구조를 잡아주고, 나중에 CSS로 글자크기, 위치, 태그의 크기 등등을 정한다. 이 때 필요한 개념이 class 이다. OOCSS (Object Oriented Cascading Style Sheets) class는 다른 언어에서도 많이 등장하는 개념이다. class는 하나의 틀이라고 생각하면 된다. 틀을 만들어서 내가 필요할 때마다 재사용하는 개념이 class에서 가장 중요한 개념이다. 즉, code의 재사용률을 높이는 것이다. OOCSS의 장점 코드의 재사용성 코드 재사용으로 인한 스타일시트의 용량 축소 스타일시트의 용량 축소.. 2020. 5. 12. CSS : CSS 짤 때 좋은 습관, 나쁜 습관 좋은 습관 Component Library를 이용하여 HTML을 구성하자. (like lego) http://pflannery.github.io/oocss-skeleton.docpad/oocss/help/components.html semantic 스타일을 지속적으로 사용하자 내부에 종속되지 않도록 모듈을 디자인하자 코드를 유연하게 (width는 container가 제어하고, height은 contents가 제어하도록) Grid를 사랑하는 습관을 갖자. http://jsfiddle.net/inuitcss/CLYUC/l 선택자(selector) 사용은 최소화하자 --> OOCSS를 사용하자. 다중클래스 여러개의 클래스를 적용하여 확장성을 열어두자 CSS Lint를 사용해서 코드를 검사하자 구조와 스킨을 독.. 2020. 5. 12. CSS : grid 추후에 다시 포스팅 https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Grid_Layout CSS 그리드 레이아웃 CSS 그리드 레이아웃(Grid Layout)은 페이지를 여러 주요 영역으로 나누거나, 크기와 위치 및 문서 계층 구조의 관점에서 HTML 기본 요소로 작성된 콘트롤 간의 관계를 정의하는 데 아주 탁월합니다. developer.mozilla.org 2020. 5. 12. 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. DL : tensorflow & Keras 2.0 study https://www.tensorflow.org/guide/keras/overview?hl=ko 케라스: 빠르게 훑어보기 | TensorFlow Core Note: 이 문서는 텐서플로 커뮤니티에서 번역했습니다. 커뮤니티 번역 활동의 특성상 정확한 번역과 최신 내용을 반영하기 위해 노력함에도 불구하고 공식 영문 문서의 내용과 일치하지 않을 수 www.tensorflow.org https://www.tensorflow.org/guide/keras/functional?hl=ko#setup The Keras functional API | TensorFlow Core Setup import numpy as np import tensorflow as tf from tensorflow import keras from.. 2020. 5. 11. DL : tensorflow-gpu 에러 https://webnautes.tistory.com/1395 Tensorflow 에러 - ImportError: DLL load failed: 지정된 모듈을 찾을 수 없습니다 pip install tensorflow 명령을 사용하면 tensorflow 2.1이 설치되는데 tensorflow 모듈을 임포트하는 순간 다음과 같은 에러가 보일 수 있습니다. Nvidia를 사용하는 PC에서 문제가 발생하고.. 사용하지 않은 PC. webnautes.tistory.com Traceback (most recent call last): File "C:\Users\ADmin\anaconda3\envs\ml\lib\site-packages\tensorflow_core\python\pywrap_tensorflow.py".. 2020. 5. 11. DL : 참고 github https://github.com/fmfn/BayesianOptimization fmfn/BayesianOptimization A Python implementation of global optimization with gaussian processes. - fmfn/BayesianOptimization github.com https://github.com/YeongHyeon/Super-Resolution_CNN YeongHyeon/Super-Resolution_CNN Implementation of 'Image Super-Resolution using Deep Convolutional Network' - YeongHyeon/Super-Resolution_CNN github.com https://gith.. 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. 이전 1 ··· 5 6 7 8 9 10 11 ··· 29 다음
