팁스토리, Tips

■ JQuery .closest(), .parents() 메소드 속성 차이 .colsest() 선택한 요소의 상위 요소 중 조건에 맞는 가장 가까운 하나의 요소를 선택함 .find() 선택한 요소에서 조건에 맞는 요소를 모두 선택 ■ .closest(), .parents() 차이 .closest() .parents() 현재 요소로 시작 상위 요소로 시작 0 또는 1개의 요소 0개 이상의 요소 ■ 예시 I II A B 1 2 3 C III 항목 A에서 시작하는 요소 검색을 수행한다고 가정했을 때 1. closest() 클래스 item-a에서 가장 가까운 level-2 클래스를 가진 의 색상을 변경 $( "li.item-a" ).closest( "ul" ).css( "background-color", "re..

■ CSS :not() 선택자 클래스 접근 방법 부정 CSS 가상 클래스로, 특정 선택 요소를 제외한 나머지 요소들의 스타일 적용 가능 ■ 문법 :not(selector) { style properties } ■ 사용법 * B를 제외한 A,C만 color:red; 적용됨 A B C :not() - CSS: Cascading Style Sheets | MDN 부정(negation) CSS 가상 클래스 :not(X)는 인수로 간단한 선택자(selector) X를 취하는 기능 표기법입니다. 인수로 표시되지 않은 요소와 일치합니다. X는 다른 부정 선택자를 포함해서는 안 됩니다. developer.mozilla.org

■ PHP 문자열의 모든 공백 제거 preg_replace() ■ 문법 preg_replace( string|array $pattern, string|array $replacement, string|array $subject, int $limit = -1, int &$count = null ): string|array|null ■ 모든 공백 제거 시 사용법 $tmp_string = " 안녕하세 요 잘부탁드립니 다 "; echo preg_replace('/\s+/', '', $tmp_string);// 안녕하세요잘부탁드립니다

■ PHP define() 상수 정의 상수란? 변수처럼 값을 지정, 저장할 수 있지만 값이 결정된 이후 스크립트 내 해당 값 변경이 불가함 정수/실수형, 불리언(boolean), 문자열 데이터를 상수로 저장할 수 있음 *대소문자 구분 ■ 문법 define(string $constant_name, mixed $value, bool $case_insensitive = false): bool ■ 사용법

■ JQuery .toggle() 요소 숨기기/보여주기 특정 선택 요소를 숨기거나 보여주기 위한 함수 ■ 문법 $("#targetDiv").toggle(); $("#targetDiv").toggle("시간"); $("#targetDiv").toggle("시간", 함수); ■ 사용법 * 버튼 클릭 시 targetDiv라는 id를 가진 영역이 숨겨졌다 보여졌다를 반복함 클릭

■ CSS 모서리 둥글게 처리 ■ 사용법 border-radius 선택저장

PHP 문자열 길이 구하기 / 글자 수 세기 strlen() ■ 사용법 strlen() $tmpString = "ABCDE"; $tmpStringCnt = strlen($tmpString); echo $tmpStringCnt;// 5

■ PHP 쿠키 생성하기 setcookie() ■ 쿠키 생성 방법 setcookie([쿠키이름], [값], [만료시간 / 초 단위], [경로]); ■ 쿠키 생성 예제 // 1분 = 60초, 1시간 = 3600초 setcookie("cookie", "setcookie", time() + 3600, "/"); ■ 쿠키 조회 방법 // 모든 쿠키값 조회 print_r($_COOKIE); // 특정 쿠키값 조회 echo $_COOKIE["cookie"];

■ HTTP 서버 응답 상태 코드 목록 클라이언트(웹 브라우저)에서 서버에 어떠한 요청(Request)을 하면 서버는 응답(Response) 상태를 반환 이 때 반환되는 상태 코드를 HTTP STATUS CODE 라 함 ■ 상태코드 3자리 숫자 형태로, 가장 첫번째 자리는 5가지 표준 응답 클래스 중 하나를 지정함 (1~5) 첫번째 자리가 4 or 5인 경우 정상적인 상태가 아니기 때문에 관리자라면 즉시 확인해봐야 함 ■ 표준에 의해 정의된 5가지 클래스 1xx - Informational (정보응답), 요청을 받았으며 프로세스 처리 진행 2xx - Success (성공), 요청을 성공적으로 받았으며 인식 및 수용/처리함 3xx - Redirection (리다이렉션), 요청 완료를 위한 추가 동작(작업)..

■ Javascript 배열을 문자열로 변환, 한줄로 합치기 join(),toString() ■ 사용법 join() * 배열의 각 값들 사이 원하는 구분값으로 변환할 수 있고, 아무것도 전달하지 않으면 콤마(,)로 구분됨 구분값 없이 하나의 문자열로 리턴받고 싶다면 비어있는 문자열 ("") 값을 전달하면 됨 toString() * 배열의 각 값들 사이 콤마(,)로 구분된 하나의 문자열을 리턴