Languages
1. 그림자 쉽게 만들기 Box Shadow CSS Generator Set the properties of your box shadow to get the CSS style. Use the sliders and the color picker to set the values and watch the live preview html-css-js.com 원하는 그림자를 만들고, 코드를 복사 붙여넣기 하면 끝! 2. 디자인 컬러 조합 보기 Two Color Combinations Two color combination palettes 2colors.colorion.co 예쁘고, 자주 사용하는 컬러조합을 확인 할 수 있다! 3. 무료 아이콘 사용하기 로딩 아이콘을 쉽게 받을 수 있다! ( 무료 / 유료 ) Fl..
PostCSS란? CSS 후처리기이며, CSS 작성을 더 편하게 만들어주는 javascript 도구들(Plugins)이다. javascript를 이용해서, CSS를 변경해준다 전처리기란? [CSS] CSS 전,후 처리기란? / 비교 CSS 전,후 처리기란? CSS 작성을 도와주는 프로그램 CSS 전,후 처리기의 필요성 CSS를 작성할 때 발생하는 여러 번거로움을 줄여준다! ( ex : 중복제거, 유지보수 등등 ) CSS 전,후 처리기들 전처리기 : S defineall.tistory.com PostCSS 공식사이트 PostCSS - a tool for transforming CSS with JavaScript Enforce consistent conventions and avoid errors in yo..
Sass란? CSS 전처리기 중의 하나로, CSS 작성을 더 편하게 만들어주는 도구 전처리기란? [CSS] CSS 전,후 처리기란? / 비교 CSS 전,후 처리기란? CSS 작성을 도와주는 프로그램 CSS 전,후 처리기의 필요성 CSS를 작성할 때 발생하는 여러 번거로움을 줄여준다! ( ex : 중복제거, 유지보수 등등 ) CSS 전,후 처리기들 전처리기 : S defineall.tistory.com Sass 공식사이트 Sass: Documentation Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a f..
CSS 전,후 처리기란? CSS 작성을 도와주는 프로그램 전처리기 : 화면에 보여주기 전에 (렌더링 전에) CSS를 변경해서, 스타일을 보여준다. 사용자가 작성하기 쉬운 코드로 작성 => 기본 CSS로 변환 => 렌더링 후처리기 : 화면에 보여주고 나서, CSS 변경 기본 CSS파일 작성 => 렌더링 => 외부 프로그램 사용해서 스타일 변경 CSS 전,후 처리기의 필요성 CSS를 작성할 때 발생하는 여러 번거로움을 줄여준다! ( ex : 중복제거, 유지보수 등등 ) CSS 전,후 처리기들 전처리기 : Scss, Stylus, Less 후처리기 : PostCSS
matplotlib 이란? 데이터를 다양한 그래프로 만들어주는 파이썬 라이브러리 ( 데이터 시각화 ) matplotlib.pyplot 모듈 matplotlib에서 가장 자주사용하는 함수(메서드) pyplot 불러오기 ( plt란 이름으로 사용 ) import matplotlib.pyplot as plt jupyter notebook에 그래프 표시하도록 설정하기 %matplotlib inline 이차함수 그래프 그리기 1. Y값만 지정하기 # 값 넣기 ( 배열로 지정 ) Y = [1,3,5,7,9] # plot() 메서드에 값 지정해주기 plt.plot(Y) # 그래프 화면에 출력하기 plt.show() # plot() 메서드는, 인자를 한개만 받았을 경우 값을 무조건 Y에 넣는다 2. X, Y 둘다 지정..
1. github에 웹서버 업로드 git init git remote add origin git push -u origin # -u : 기본 업로드 저장소 지정 2. 파이썬 애니웨어 가입 Host, run, and code Python in the cloud: PythonAnywhere Batteries included With Python versions 2.7, 3.5, 3.6, 3.7 and 3.8, and all the goodies you normally find in a Python installation, PythonAnywhere is also preconfigured with loads of useful libraries, like NumPy, SciPy, Mechanize, Beauti..
venv란? 가상환경을 만들어주는 파이썬 라이브러리 # 파이썬 3.6버전부터 사용가능 venv의 필요성 가상환경이므로, 우리가 실행하길 원하는 프로그램에 맞는 전용환경을 구성해 줄 수 있다. venv 가상환경 만들기 ( 리눅스 환경의 python버전으로 설정됨 ) python -m venv # 이름으로 폴더가 생성된다. venv로 만든 가상환경 Git 관리대상에서 제외하기 echo '' >> .gitignore 가상환경 접속하기 . /bin/activate # source/bin/activate 가상환경 접속해제 하기 deactivate
사이트 디자인을 손으로 먼저그린다음, flex 형식으로 지정할 데이터를 정해놓고 시작하는 것이 편함 .class > div { } 형식을 사용해, .class 바로 아래있는 div 태그들만 선택하고 스타일을 적용할 수 있다. 조건에 따라 다른 css를 활용할 수 있게 만들수 있을까?
필요 상황 사용자가 입력하지 않고 넘기지 못하는 input 태그를 사용해야 할 때, 구현 방법