PM 의 생활 PM 의 생활

Default 규칙이 적용되어있을 뿐세부사항 디자인을 (거의) 모두 바꿀 수 있다. Icon Icon Reference: https://www.w3schools.com/icons/icons_reference.asp Link /* a tag Status a:link, a:visited, a:hover, a:active */a:link, a:visited { background-color: #f44336; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; } a:hover, a:active { background-color: red; } Listul { list-style: squ..

CSS 기본 3 부분에 대한 치트키입니다! 부가설명 빼고 문법만 딱 적어놓았습니다. :) - CSS Syntax - 박스모델과 레이아웃 - HTML 의 기본 텍스트/폰트 1. Selector- HTML element - ID: #id - Class: .class / element.center - Group: h1, h2, p 2. Style Sheet- External style sheet- External style sheet - Internal style sheet - Inline style✮ 적용 순서 (Cascading Order) Inline style (inside an HTML element) > External and internal style sheets (in the head secti..

1. 목표: 그리드 / 레이아웃기기나 환경에 따라 레이아웃 (화면구성) 을 바꿀 수 있도록 2. 가변 그리드웹페이지를 제작할 때 화면의 크기에 관계없이 자유롭게 늘어나거나 줄어들 수 있도록 픽셀(px) 대신 퍼센트(%)로 제작하는 기술Fluid Layout, Flexible Layout, Flexible Grid 일반적으로 12개의 칼럼을 가진 테이블처럼 사용한다고 한다. https://www.w3schools.com/css/tryresponsive_grid.htm 3. 뷰포트모니터나 기기의 화면을 통해 보이는 영역 / 화면에 보이는 영역을 제어하는 기술PC: 해상도 / MO: 실제 기기의 화면크기 - 크기와 비율 제어 - The width=device-width 너비 = 디바이스의 화면크기 - The ..

반응형 웹 만들기 (공부준비) 그간 서버 언어만 공부했는데, 실용적으로 웹 언어도 공부해보려고 해요! 그래서 대세인 반응형 웹 실습을 해보려고 마음먹었습니다~~~ :) DAY 1 ~ 20 까지 나눠주신 대로 차근차근 실습 진행하려고 합니다.반응형 웹 만들기 책으로 공부하시는 분 공부하다가 낯설고 짜증나서 덮으신 분 생초보인 저를 보면서 에너지를 얻어가시길 바래요 (지식은... 구글신에게... ) 우선 공부할 환경을 세팅했습니다. 이 책은 반응형 디자인 쪽 책이기 때문에, 웹서버 테스트 환경을 구축하는 것에 대해서는 자세히 말해주고 있지 않아서요~ (실습위해 웹호스팅 현금결제 or 1년무료사용 하다가는 스압으로 떨어져나가 공부 1달 미룬 장본인...)✮ 이럴 때는 생활코딩 웹서버 설치를 참고하시면 좋습니다..

Java RegEx 매칭활용 Pattern : Regex 패턴을 컴파일한 Pattern 객체Matcher: Regex Pattern 이 인자 InputSource 에 포함되었는지 확인할 수 있는 Matcher 객체InputSource: Regex Pattern 을 찾을 대상이 되는 본문 다음 코드를 음미하고. 한 구문식 분리해서 해석하면. Java Regex 활용 기본 끝! import java.io.Console; import java.util.regex.Pattern; import java.util.regex.Matcher; public class RegexTestHarness { public static void main(String[] args){ Console console = System.co..

Capturing Groups수학에서 ( ) 괄호로 감싸진 것은 먼저 계산해야하는 것처럼 정규표현식에서 ( ) 로 감싸진 것은 한 계산단위 unit 으로 인식합니다. Quantifier 적용도 이 ( ) 단위로 적용한다. ((A)(B(C))) 의 경우 다음 순으로 연산합니다. ) 를 만난 순이라고 생각하면 쉬워요.((A)(B(C))) (A) --> (C) --> (B(C)) --> ((A)(B(C))) Back References\ backslash 로 표현됩니다. (\d\d)\1 는 (\d\d) 두 숫자가 \1 :1번 더 반복된다는 뜻! Enter your regex: (\d\d)\1 Enter input string to search: 1212 I found the text "1212" startin..

QuantifierQuantifier는 수량을 나타내는 기호입니다. RegEx 표현이 얼마나 반복되는지를 의미합니다. Occurance (0회, 1회, 2+회...) 한 글자 Character, 한글자를 나타내는 규칙인 Character Class, 글자모음 Capturing Groups 에 대해 모두 적용 가능합니다. a?, a*, a+면 a{n,m} 이면 a가... (dog)?, (dog)*, (dog)+, (dog){n,m} 이면 dog 가 ? 은 안나오거나 하나 나오거나* 는 모두다! 안나오거나, 하나/여러개 나오거나+ 하나는 꼭 있는데 더나오는 것 같기도..{n, m} n개부터 m개까지 GreedyReluctantPossessiveMeaningX?X??X?+X, once or not at all..

이 포스트는 Character 하나 하나를 표기하는 방법에 대해 정리합니다.여기서 Character 는 글자, 숫자, 공백 모두를 포함합니다. 컴퓨터(컴파일러) 는 String 문자열을 char [] 로 인식합니다.즉, 우리도 글자마다의 조합으로 패턴을 구성해야 합니다. Meta Character특별한 뜻 (정해진 규칙) 을 가지는 캐릭터 들입니다.만약 정해진 규칙을 escape 하려면 \ 를 앞에 붙이거나, \Q ... \E 로 감싸야 한다.- 괄호 - 특수문자 ^ - = $ ! | ? * + . Character Class[ ] 안의 규칙은 모두 한 글자에 대한 규칙을 명세한다. 요 규칙들을 클래스라고 지칭합니다. (a.class 아니고!) [논리연산자]집합을 생각하면 쉬운..