본문 바로가기
php 문자열 치환 프로그래밍을 하다보면 문자열을 다뤄야 할 때가 상당히 많다. 특정 문자열을 없애야 하거나 바꿔야 하거나 있는지 확인하고 조건 분기 해야 하거나. 특정한 문자를 바꿔야 할 경우는str_repalce로 하면 된다. $val = "프로그래밍은 정말 재밌어"; $val2 = str_replace("정말", "진짜", "$val);순서대로 찾을 문자열, 바꿀 문자열, 대상이 될 문자열로 사용하면 된다. 문자열 자르기나 strpos로 특정 문자열이 포함이 되어 있는지 유무도 매우 자주 쓴다.
css pseudo class pseudo class는 셀렉터:뒤에 붙여쓴다. {} 하이퍼 링크 같은 겨우a:linka:visiteda:hovera:active div도 마찬가지 :hover div:hover span하면 마우스 오버시 span이 보이겠지 first-child는 하위 첫 엘리먼트를 의미first-of-typelast-childlast-of-type정도를 자주 쓴다. 그 밖에 첫글자를 크게 하기 위해 first-letter등을 쓰기도 한다. 나는 CSS를 한다 div:fist-letter { font-size:16pt; color:#ff0000;} 을 하면 문장의 첫 글자가 크게 보이겠지.간혹 시작을 돋보이게 하기 위해서 자주 사용을 하곤 한다. css는 하다보면 기본적으로 초기화를 시켜주는 부분과 자주 사용하는 마진 ..
css gradient 먹이기 이전엔 잘 안쓰고 이미지로 대체하던 부분이였는데 그 땐 지원하는 브라우저가 몇개 안되서 구석에 놔두고 있다가 근래에 들어서 그 편리함에 많이 쓰고 있다. 문제가 생기거나 외관상으로 심하게 차이가 나는 경우는 사이드 이펙트로 별도 처리를 한다. 시작은 background-image로 한다. linear-gradient는 옵션으로 방향, 색깔1, 색깔2를 알맞게 기입하면 된다. background-image:linear-gradient( blue, red); 시 기본값은 위에서 아래로 왼쪽에서 오른쪽으로 뿌릴때는linear-gradient( to right, blue, red); 색깔은 두가지 이상도 할 수 있다.background-image: linear-gradient(to left, blue, #fff..
before after 이전엔 잘 안쓰던 거였는데 요즘은 거의 달아서 쓰고 있다. 원하는 엘리먼트 CSS 속성 뒤에 :before나 ::before :after ::after를 쓰면 된다.대부분 content는 content: " " 으로 해두지만 앞쪽에 무언가가 나와야 할때는 특수문자를 넣어서 쓰곤 한다. :before 해두고 backgroud 컬러를 별도로 둔다.보더 컬러를 다른걸 주고 보더 컬러 스타일을 바꾼다. 또한 별도의 top, left bottom등의 포지션을 주거나 position을 absolute로 준다.content는 content: ' ';로 해두고 필요한 일을 한다.마진이나 rotate등을 활용할 수 있다. 필요에 따라서는 display inline을 활용하여 after로 문장 끝쪽에 뭔가를 표기한다. 브..
php 글자 자르기 프로그래밍을 하다보면 텍스트 문장을 가지고 이리저리 요리를 해야 할 때가 생각보다 많다. 정규표현식으로 특정 문자를 제거를 해야 한다던지 모든 태그나 특수문자를 삭제하고 순수 스트링만 가져온다던지. 지정한 글자를 모두 바꾼다던지 내용에 주소가 있으면 하이퍼링크로 교체를 한더던지 등 꽤 많이 있다. 그 중에서 글자 자르기 부분 substr("스트링 문구", 시작위치, 글자수 ); 주어진 문구에서 몇번째에서 몇글자를 가져온다. 글자수가 따로 없고 시작위치만 있다면 그 위치부터 끝까지 가져온다. substr("스트링 문구", 5); 마이너스 값을 줄 수도 있다. => 끝 한자리substr("1234567890", -1) => 0 응용해서 끝 두자리 3자리substr("1234567890", -2) => 90 ..
php 배열 뒤집기 뭔가를 전형적으로 뒤집을 때야. $tmp = array();for( i = 0; length; i++ ) { $aaa[a] = dataarray[i][a]; $aaa[b] = dataarray[i][b]; $tmp[] = $aaa;} 디비 쿼리를 조회를 직접 할 수 있는 경우야 order by desc를 줘서 하면 된다. api를 써서 오래된 글이 제일 위로 최신글이 제일 아래로 왔을 때 게시판에는 반대가 되어야 하고 마지막글은 최신글이여야 한다. 그럴 때 날라온 배열을 뒤집어서 저장시킨다. 제공하는 리버스 함수로. array_reverse($dataarray) ; foreach( array_reverse( $dataarray) as $item ) {//op echo $item->a;} 배열 리버스는 새..
css 반응형 반응형으로 작업을 할 때 보통 width 100%를 주게 된다.height만을 고정으로 잡아주게 되고. 세로야 크게 문제가 없을지 몰라도 보통 가로 너비가 문제가 많이 발생을 하거나 고정으로 잡을 때 좁은 화면에서 레이아웃을 찢어버리는 경우가 많이 발생한다. 특히 이미지등이 그렇다. 그래서 width 100%를 주기도 하는데 개별적으로 해상도 별로 적용을 시키기 위해 추가적으로 미디어 쿼리가 거의 필수로 들어간다. @media screen and(max-width:픽셀값) { # { } .{ }} 식으로 쓰게 된다. pc일 때는 보이는 레이아웃이 폰에서 안보이게 하기 위해서 특정 스크린 영역에서는 해당 엘리먼트를 hidden 시킨다던지 하는것이 하나의 예이다. 혹은 배경색을 변경하거나 크기를 바꿔야 할 ..
css 글자가 긴경우 처리 div 박스나 a 하이퍼링크를 걸다보면 제목이나 내용이 설정한 줄을 넘어 갈 때가 있다. php에서야 임의 간격으로 잘라도 한 방법이겠지만 한글과 영어 숫자가 적혀있을때는 string 처리를 별도로 해야 한다. css로 몇가지 문법을 넣어서 해결을 해보자. width/height 어느것이라도 고정값이 있으면 수월해 진다. 모바일에서 보이는 크기나 태블릿, pc에서 보이는 크기는 당연히 다르다. 우선 다음줄로 개행이 되는 것을 막아야 하기 때문에 white-space:nowrap을 준다.그 뒤 넘치는것을 안보이게 하기 위해 해당 엘리먼트에 overflow:hidden; 추가 text-overflow:ellipsis를 주고 마무리 한다. 끝쪽에 ...으로 대체 된다. 참고로 text-overflow를 적용시..

티스토리툴바