본문 바로가기
프로젝트/Semi Book Store

2021년 11월 4일 - 프로젝트 중 유용한 기술들 모음 (4)

by 철제백조 2021. 11. 6.

 

◎ 테이블 테두리

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: 이미지 경로, 위치/크기, 반복, 색상 등

https://withthisclue.tistory.com/entry/css-%EB%B0%B0%EA%B2%BD-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%84%A3%EA%B8%B0-background-%EB%B0%98%EB%B3%B5-%EC%9C%84%EC%B9%98%ED%81%AC%EA%B8%B0-%EA%B2%BD%EB%A1%9C

 

[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 주문정보 자동입력

 

 

blog.naver.com

 

 

 

◎ 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

 

댓글