본문 바로가기

공부하기

CSS 박스 모델 (box model) https://opentutorials.org/course/3086/18319 박스모델 - 생활코딩 CSS box model 소개 강의 소스코드 변경사항 박스 모델을 써먹기 강의 소스코드 변경사항 opentutorials.org 위 같은 모델 : 박스 모델 WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces writt..
CSS 선택자를 알아내는 방법 (selector) https://opentutorials.org/course/3086/18329 Selector ex quest) 링크: 검정색 방문한 적 있는 링크 : 회색 현재 링크(페이지) : 빨간색 태그에 클래스 지정하기 - 방문한 적있는 링크 : saw - 현재 패이지 : active visited page visited and current page - 클래스에 CSS 입히기 .클래스명{ 속성 } a{ color:black; text-decoration: none; } .saw{ color:gray; } .active{ color:red; } : 좋은 코드가 아님! 'active'가 앞에있다면 'saw' 클래스 속성을 따름 -> 'id' 지정하기! - 현재 페이지(active) 를 id로 지정하기 visited..
CSS 속성을 스스로 알아내기 https://opentutorials.org/course/3086/18328 CSS 속성을 스스로 알아내는 방법 - 생활코딩 강의 소스코드 변경사항 opentutorials.org Property : 프로퍼티, 속성에 대해 검색해보고 적용하는 방법을 알아보자. ( 물론 많이 사용해서 익숙해진 속성에 대해서는 바로 적용할 수 있지만, 모르는 속성이라면 쫄지 말고 검색해보면 된다!! ) - Quest ) 큰 제목을 더 크게 / 가운데 정렬해보기 - 대상 : 태그 - size : 45px - 가운데 정렬 1. 글씨 크기 검색 키워드 : css text size property ref) https://www.w3schools.com/css/css_font.asp 2. 가운데 정렬 키워드 : CSS text ..
CSS 소개하기 CSS 등장 이전 한계 디자인 데이터 : 정보 데이터가 아님. 각각 태그에 적용 ->중복 : 많은 태그를 동시에 처리 할 때 큰일 CSS 등장 효과 태그 별 관리 : 같은 태그라면, 동시 적용 중복의 제거! 가독성 up. 같은 성질 별 관리 수월 효과적으로유지 보수 수월 CSS 기본 HTML 과 CSS는 완전히 다른 언어이기 때문에, 웹 브라우져로 부터 구분 할 수 있도록 해줘야 합니다. - - Selector : 선택자 - Declaration : 선언, 효과 - Property : 속성 - Property Value : 속성 값 - HTML 속성 : style = " " CSS
참고하기 ) 자바 vs 코틀린 비교 ( feat. android vs oracle) https://blog.codecamp.jp/android-app-development-kotlin
「のみ」「だけ」「きり」はどう違う? まず使われる場面から三者を比較すると、「のみ」がもっとも形式的(文章語的)で、「だけ」は中立的、「きり」は比較的話し言葉に多く見られます。 形式的側面から見ると、「のみ/だけ」と「きり」の間には分布のずれが見られます。「のみ/だけ」は大抵の格助詞と共起できますが、「きり」は一部共起しにくい格助詞があります。 信用できる企業-と だけ/のみ/×きり 取り引きする。 蛍の幼虫はきれいな水の中-で だけ/のみ/×きり 育つ。 封筒を同封した人 だけ/のみ/×きり -から返事が来た。 また世代差・方言差もありますが、「きり」が「しか」と同じように「~ない」と呼応する形で用いられることもあります。 もう百円きり(=しか)残っていない。 「だけ/のみ」は「しか」のように「~ない」と呼応することはありません。 ×もう百円だけ/のみ残っていない。 このほか「きり」には「それきり連絡がない」のように「だ..
PHP 02-1) 윈도우에 PHP 설치하기 (비트나미 이용 Bitnam) https://opentutorials.org/course/62/5103 윈도우에 PHP 설치하기 - 생활코딩 수업소개 이번 시간은 Bitnami를 이용해서 Apache, PHP, MySQL을 설치하는 것이 목표다. 일반적으로 윈도우에 PHP를 설치하는 것은 실제 서비스를 위한 것 보다 개발환경이나 실습을 위한 목적일 것이다. 실제로 PHP로 동작하는 웹에플리케이션을 서비스 하기 위해서는 외부에서 PHP가 설치된 컴퓨터에 인터넷을 통해서 접속이 가능하도록 환경을 구성해야 한다. 그런데 이것은 여러가지 이유로 꽤나 많은 지식을 필요로하고 문제점을 가지고 있다. 따라 opentutorials.org 윈도우에 PHP를 설치해보자. PHP는 혼자 설치되지 않고 아파치 Aphache, MySQL과 함께 설치되는 ..
PHP 02) PHP 설치 하기 전 안내 (웹 호스팅, 비트나비에 대해) https://opentutorials.org/course/62/2534 PHP 설치는 여러 방법이 있습니다. 대부분의 경우 PHP를 직접 설치하는 것이 아니라, 어떤 업체가 설치를 해준다거나 솔루션을 이용해서 일괄적으로 설치하는 경우가 많음. 웹 호스팅 서비스 : 업체가 서버나 서버안에 설치해야 하는 PHP, MySQL, 아파치 같은 것을 설치 해놓고 이 서비스를 구입하면 바로 이용할 수 있도록 제공한다.웹 호스팅에서 제공하는 서버에서 개발과 동시에 서비스를 다른 사람들에게 제공할 수 있다. 비트나미 (Bitnami) : 오픈소스 소프트웨어 (PHP, MySQL, WordPress...)들을 손쉽게 설치 할 수 있도록 도와주는 설치 패키지. 비트나미를 이용하면 직접 서버를 자신의 컴퓨터에 설치하여 사용..