w3.css 공식 레퍼런스는 SCSS 문법을 기준으로 모든 문법을 설명하고 예시를 보여주므로 SCSS 문법으로 작성한 Sass를 사용하자. 선택자 함수 선택자 함수는 선택기를 확인하고 조작하는 데 사용된다. 다음 표는 Sass의 모든 선택자 함수를 나열한다. 기능 설명 예시 is-superselector(상위 요소, 하위 요소) 상위 요소 선택기가 하위 요소가 일치하는 모든 요소와 일치하는지 확인한다. is-superselector(“div”, “div.myInput”)결과: trueis-superselector(“div.myInput”, “div”)결과: falseis-superselector(“div”, “div”)결과: true selector-append(선택자들) 첫 번째 선택자에 두 번째(및 세 번째/네 번째 등) 선택자를 추가한다. selector-append(“div”, “.myInput”)결과: div.myInputselector-append(“.warning”, “__a”)결과: .warning__a selector-nest(선택자들) 제공된 목록에 따라 중첩된 CSS 선택기…

Excel에서 선택한 셀 강조 하는 매크로를 만들어 보자. 선택한 셀 강조 예시를 먼저 보자. 전체 셀을 범위로 지정했다. 행과 열을 모두 강조하는 가로 + 세로 코드는 채우기 지정하여 셀 강조. 행만 강조하는 가로 코드는 아래쪽 테두리 지정하여 셀 강조. 가로 + 세로 가로 매크로 최소화 하단에 있는 [시트의 이름] » 오른쪽 클릭 [코드 보기] 상단 ‘(일반)’ 선택 » [Worksheet] 기본 입력되는 코드 사이에 Target.Calculate 넣기 다시 시트로 돌아가기 » 범위 지정 » [조건부 서식] » [새 규칙] » [수식을 사용하여…

w3.css 공식 레퍼런스는 SCSS 문법을 기준으로 모든 문법을 설명하고 예시를 보여주므로 SCSS 문법으로 작성한 Sass를 사용하자. 맵 함수 Sass에서 맵 데이터 유형은 하나 이상의 키/값 쌍을 나타낸다. 목록 함수를 맵과 함께 사용할 수도 있다. 맵은 두 개의 요소가 있는 리스트로 처리된다. Sass 맵은 불변하다(변경할 수 없다). 따라서 맵을 반환하는 맵 함수는 새 맵을 반환하고 원래 맵을 변경하지 않는다. 다음 표는 Sass의 모든 맵 함수를 나열한다. 기능 설명 예시 map-get(맵, 키) 지정된 키에 대한 값을 반환한다. $font-sizes: (“small”: 12px, “normal”:…

엑셀 프로그램으로 매크로 이용해서 셀 서식 설정할 때 먼저 이 글을 참고하자. 매크로로 셀 설정할 때 가장 많이 사용되는 Borders, Font, HorizontalAlignment, Interior, NumberFormat, VerticalAlignment 개체에 대해 알아보자. 엑셀 매크로 셀 서식 설정 매크로로 서식 지정할 때는 아래와 같은 형식으로 코드를 작성한다. Borders Borders는 범위 개체 또는 스타일 개체의 네 테두리를 나타내는 네 개의 테두리 개체의 모음이다.   테두리 상수 설명 xlDiagonalDown 범위 내 각 셀의 왼쪽 상단 모서리에서 오른쪽 하단까지 이어지는 테두리. xlDiagonalUp 범위 내 각 셀의 왼쪽 아래…

w3.css 공식 레퍼런스는 SCSS 문법을 기준으로 모든 문법을 설명하고 예시를 보여주므로 SCSS 문법으로 작성한 Sass를 사용하자. 목록 함수 목록 함수는 목록의 값에 액세스하고 목록을 결합하고 목록에 항목을 추가하는 데 사용된다. Sass 목록은 불변하다(변경할 수 없다). 따라서 목록을 반환하는 목록 함수는 새 목록을 반환하고 원래 목록을 변경하지 않는다. Sass 목록은 1부터 시작한다. 목록의 첫 번째 목록 항목은 인덱스 0이 아니라 1에 있다. 다음 표는 Sass의 모든 목록 함수를 나열한다. 기능 설명 예시 append(목록, 값, [구분 기호]) 목록 끝에 단일 값을 추가한다….

워드프레스 로그인할 때 매번 암호 입력하는 것이 참 번거롭다. 생체 인증을 이용할 수 있으면 편할텐데… 어떻게 할 수 있을지 방법을 알아보자. 생체 인증 장점 지문, 얼굴 인식, 홍채 스캔 등 생체 데이터를 활용해 위조 가능성이 제로에 가깝다. 또한 사용자 경험(UX)을 저하시키지 않으면서 보안성을 동시에 확보할 수 있다. 플러그인 사용 플러그인을 만들어도 좋지만, 정말 괜찮은 플러그인이 있어서 플러그인을 사용하는게 나을 것 같다. 설치 및 설정 방법 워드프레스 대시보드 » [플러그인] » [새 플러그인 추가] » 플러그인 검색 » [설치] 워드프레스 대시보드…

w3.css 공식 레퍼런스는 SCSS 문법을 기준으로 모든 문법을 설명하고 예시를 보여주므로 SCSS 문법으로 작성한 Sass를 사용하자. 숫자 함수 숫자 함수는 숫자 값을 조작하는 데 사용된다. 다음 표는 Sass의 모든 숫자 함수를 나열한다. 기능 설명 예시 abs(숫자) number의 절대값을 반환한다. abs(15) 결과: 15 abs(-15) 결과: 15 ceil(숫자) 숫자를 가장 가까운 정수로 올림한다. ceil(15.20) Result: 16 comparable(숫자1, 숫자2) 숫자1과 숫자2가 비슷한지 여부를 반환한다. comparable(15px, 10px) 결과: true comparable(20mm, 1cm) 결과: true comparable(35px, 2em) 결과: false floor(숫자) 숫자를 가장 가까운 정수로 내림한다. floor(15.80)…

워드프레스 소셜 로그인 기능을 추가하면 사용자가 간편하게 로그인할 수 있어 사용자 경험을 크게 향상시킬 수 있다. 카카오톡, 구글, 페이스북, 애플, 네이버 계정으로 워드프레스에 로그인하는 기능을 추가하는 방법을 알아보자. 소셜 로그인이 필요한 이유 사용자 편의성 사용자는 별도의 회원가입 없이 소셜 계정으로 간편하게 로그인할 수 있다. 전환율 향상 복잡한 회원가입 절차를 줄여 전환율을 높일 수 있다. 사용자 정보 수집 소셜 로그인을 통해 사용자의 기본 정보(이메일, 프로필 사진 등)를 제공받을 수 있다. 플러그인 사용 워드프레스에서 소셜 로그인을 추가하는 가장 쉬운 방법은 플러그인을 사용하는…

w3.css 공식 레퍼런스는 SCSS 문법을 기준으로 모든 문법을 설명하고 예시를 보여주므로 SCSS 문법으로 작성한 Sass를 사용하자. Sass 문자열 함수 문자열 함수는 문자열을 조작하고 문자열에 대한 정보를 얻는 데 사용된다. Sass 문자열은 1부터 시작한다. 문자열의 첫 번째 문자는 0이 아니라 인덱스 1에 있다. 다음 표는 Sass의 모든 문자열 함수를 나열한다. 기능 설명 예시 quote(문자열) 문자열에 따옴표를 추가하고 결과를 반환한다. quote(Hello world!)결과: “Hello world!” str-index(문자열,하위 문자열) 문자열 내에서 하위 문자열이 들어간 인덱스(시작 위치)를 반환한다. str-index(“Hello world!”, “H”)결과: 1 str-insert(문자열, 삽입할 내용, 인덱스)…

워드프레스 타이틀 자동 변경 워드프레스 타이틀 지정시 항상 똑같은 타이틀로 저장되어 매번 같은 이름으로만 보이는데 보이는 페이지마다 다른 타이틀을 보여주게 설정해보자. 아래 코드를 functions.php에 추가하면 된다. 싱글 페이지 싱글 페이지의 타이틀을 지정할 때 이렇게 지정하면 글 제목을 타이틀에 넣을 수 있다. 카테고리 페이지 카테고리 페이지의 타이틀을 지정할 때 이렇게 지정하면 카테고리 제목을 타이틀에 넣을 수 있다. 싱글 & 카테고리 페이지