2021년 11월 4일 - 프로젝트 중 유용한 기술들 모음 (4)
◎ 테이블 테두리
https://www.codingfactory.net/10510
CSS / 표(table) 꾸미기 / 테두리 만들기
테두리 만드는 속성 테두리는 border 속성으로 만듭니다. table, th, td 요소에 적용할 수 있습니다. tr 요소에는 적용되지 않습니다. 기본 모양 아무런 꾸밈을 하지 않았다면 기본 모양은 테두리가 없
www.codingfactory.net
◎ 이미지 슬라이드
https://rgy0409.tistory.com/2999
jQuery 제이쿼리 이미지 슬라이드 : bxslider 사용 방법
제이쿼리(jQuery)를 활용한 이미지 슬라이드 방법입니다. 엄청 쉽습니다. 자바스크립트를 잘 몰라도 됩니다. 저도 편리하게 이용하고 있습니다. 제이쿼리는 일종의 자바스크립트 꾸러미라고 생각
rgy0409.tistory.com
◎ 이미지 정중앙 정렬 - margin: auto
https://m.blog.naver.com/mathesis_time/221807095356
[HTML/CSS 기초 강의] ㉞ 이미지 가운데 정렬하는 방법들
이미지는 인라인 요소이기 때문에 기본적으로 가운데 정렬이 없지만, 실제로는 가운데 정렬을 하고 싶을 때...
blog.naver.com
◎ [css] 배경 모든 속성 설정 - background: 이미지 경로, 위치/크기, 반복, 색상 등
[css] 배경 모든 속성 설정 - background: 이미지 경로, 위치/크기, 반복, 색상 등
css의 background를 사용해서 이미지를 표현한다. 원하는 요소(element)에 위치 시킬수 있으니 편하게 사용할 수 있다. 개별적으로 사용할 수도 있으나, background를 사용하면 모든 속성을 설정할 수 있
withthisclue.tistory.com
◎ [css] background 사이즈 - 꽉차게
https://aboooks.tistory.com/165
[html/css]background-size 속성(배경이미지 크기 조절)
[html/css]background-size 속성(배경이미지 크기 조절) 차례 : background-image background-repeat background-attachment background-position background-size background 배경 이미지에 대한 속성을 다뤄 보..
aboooks.tistory.com
◎ [css] 글자, 단어 사이 간격
https://www.codingfactory.net/10463
CSS / letter-spacing, word-spacing / 글자 사이 간격, 단어 사이 간격
letter-spacing, word-spacing 글자 사이의 간격은 letter-spacing으로, 단어 사이의 간격은 word-spacing으로 정합니다. 값이 커지면 간격이 커집니다. 값에는 음수를 넣을 수 있습니다. 음수를 값으로 하는 경
www.codingfactory.net
◎ [css] 테이블 들여쓰기
https://www.codingfactory.net/10459
CSS / text-indent / 들여쓰기, 내어쓰기 만드는 속성
text-indent 들여쓰기와 내어쓰기는 text-indent 속성으로 만듭니다. 값이 양수이면 들여쓰기, 값이 음수이면 내어쓰기가 됩니다. 기본값은 0입니다. 내어쓰기를 할 때는 왼쪽에 여백을 적절히 줍니다
www.codingfactory.net
◎ [css] placeholder 제대로 사용하기
https://www.biew.co.kr/entry/placeholder-%EC%A0%9C%EB%8C%80%EB%A1%9C-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0
placeholder 제대로 사용하기
안녕하세요 (주)맑은커뮤니케이션에 근무하는 유아영입니다. 오늘은 placeholder에 대해 알아보려고 하는데요, HTML5의 placeholder 속성은 input 요소와 textarea 요소에 알맞은 힌트를 제공하는 목적으로
www.biew.co.kr
◎ [css] input type 정리 - select/option
https://coding-factory.tistory.com/24
[Html] input type 종류 & 예제 총정리
1. input type = "text" , input type = "password" 이름 : 비밀번호 : 2. input type = "radio" 치킨 피자 짜장면 짬뽕 3. input type = "checkbox" CPU Memory 하드디스크 CDROM GRAPIC_CARD 4. select op..
coding-factory.tistory.com
◎ checkbox 클릭시 회원 정보와 동일하게 입력
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=holykhd&logNo=30161592814
javascript 주문정보 자동입력
◎ jQuery 원하는 요소에 벨류(value) 값 넣기
https://blog.naver.com/PostView.nhn?blogId=sthwin&logNo=80128939396
jQuery 원하는 요소에 벨류(value) 값 넣기
blog.naver.com
◎ [JQuery] 체크박스 갯수 / 체크여부 확인
https://developer-jjun.tistory.com/44
[JQuery] 체크박스 갯수 / 체크여부 확인
JQuery를 활용하여 체크박스 전체 갯수와 선택된 갯수 구하기 / 체크여부 확인 // 전체 갯수 $("input:checkbox[name=is_check]").length // 선택된 갯수 $("input:checkbox[name=is_check]:checked").length //..
developer-jjun.tistory.com
◎ 문자열 자르기 - SubString
https://coding-factory.tistory.com/126
[Java] 문자열 자르기(Substring, Split) 사용법 & 예제
자바 스트링 클래스에는 사용하기 편리하도록 만들어놓은 여러가지 함수가 있습니다. 이번 포스팅에서는 그 함수들중 문자열 자르기에 관련된 함수들을 한번 알아보도록 하겠습니다. SubString
coding-factory.tistory.com