전체 글 썸네일형 리스트형 CSS 그리드 개념 grid https://opentutorials.org/course/3086/18322 See the Pen gOazerx by PSK (@psklog) on CodePen. ref) 캔아이 유즈 : 2020/04/19 - [공부하기/Ref.] - 웹에서 사용할 수 있는 기능인가 체크 : 캔아이유즈 caniuse div : 2020/05/10 - [공부하기/CSS] - CSS 연습해보기div태그 박스모델에서 보면, 목록 과 본문이 옆으로 나란이 나열되어 있다. -> '그리드 grid'를 이용해서 만들어보자. 1. 그리드 속성 적용하기 - display : grid; 2. 각 컬럼 사이즈 지정해주기. - grid-template-columns: 150px 1fr; #grid{ display:grid; grid-te.. 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과 함께 설치되는 .. 이전 1 2 3 4 5 6 ··· 16 다음
