일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Custom Hook
- Headless 컴포넌트
- prettier-plugin-tailwindcss
- TypeScript
- jotai
- JavaScript
- Compound Component
- Render Queue
- 클라이언트 상태 관리 라이브러리
- 암묵적 타입 변환
- zustand
- 프로세스
- 명시적 타입 변환
- Microtask Queue
- 타입 단언
- task queue
- Redux Toolkit
- useCallback
- docker
- 주니어개발자
- type assertion
- Sparkplug
- helm-chart
- CS
- linux 배포판
- AJIT
- react
- 좋은 PR
- useLayoutEffect
- Recoil
- Today
- Total
목록HTML,CSS (7)
구리
block 요소 가로 전체를 차지하며, 이 요소 바로 양 옆(좌우측)에 다른 요소를 붙여놓을 수 없다는 뜻 종류 첫번째 사진의 z-index를 20, 두번째 사진의 z-index를 10으로 설정하였을 때, 두번째 사진 위에 첫번째 사진이 올라간 것을 볼 수 있다 반대로 두번째 사진의 z-index를 더 크게 설정하였을 때 첫번째 사진이 아래로 겹쳐지는 것을 볼 수 있다
목차 고급 선택자 - 자식 태그, 형제 태그 선택 link style : navi 속성 선택자 미디어 쿼리 css를 이용한 버튼을 화면 세로 길이 중앙에 배치하기 미디어 쿼리 사용하여 화면 크기에 따른 배경화면 바꾸기 css- grid 속성 고급 선택자 - 자식 태그, 형제 태그 선택 css 적용시 부모 태그 안에 속해 있는 자식 태그 선택시 보통 부모태그 > 자식 태그로 명시함 형제 태그들 선택시 두 가지 방법이 있다 h1 + p {} /* h1 태그와 형제 요소인 p태그중 첫번째 태그*/ h1 ~ p {} /*h1 태그와 형제인 모든 p 태그들 */ 다음은 css 자식 태그, 형제 태그 선택자 예시다 더보기 예약 방법 & 사용 요금 아직 온라인 예약 신청이 준비되어 있지 않습니다. 전화(xxx-xxx..
목차 css 이용하여 기본적 레이아웃 만들기 css를 이용하여 박스 모델 만들기 css를 이용한 box-shadow 나타내기 css를 이용한 박스 테두리 꾸미기 css를 이용한 레이아웃 구성 및 꾸미기 예제 css display 속성 관련 예제 css backgorund 속성 관련 예제 css 이용하여 기본적 레이아웃 만들기 더보기 div{ margin-bottom: 20px; } .box1{ width:200px; height:100px; padding:20px;/*상하좌우*/ border: 10px solid #ccc; } .box2{ box-sizing:border-box; width:200px; height:100px; border:10px solid #00f; } css를 이용한 box-shad..
라벨 사용할 경우 라벨을 사용할 경우 Enter your birthday: Submit 라벨 이용하여 지정 날짜만 허용 지정한 날짜만 허용할 경우 Choose your preferred party date: 유효성 검사 유효성 검사 할 경우 : required Choose your preferred party date (required, May 18st to 25th): Submit date 타입 지원하지 않는 브라우저의 경우 date 타입을 지원하지 않는 브라우저의 경우 : pattern ####-##-## Enter your birthday: Submit
지금 배우는 프로젝트는 여러 사용자(클라이언트)가 접속할 수 있게 만들기에 Connection 객체를 많이 만들어 놓을 것이다 DBConnectionMgr Class - DB에 접속하고 데이터를 처리하는 클래스1. 사용 후 자원해제2. Connection 객체 여러 개 미리 만들고 다수의 사용자가 접속시, 사용되지 않는 Connection 객체를 제공 3. Connection 객체를 미리 여러 개 생성 -> POOL 개념 - 1.Connection 객체 생성 -2. Connection 객체 사용 여부 확인 )=> 과정3을 처리하기 위한 별도 클래스 필요(ConnectionObject : 서브 클래스) 회원 : 조회/삽입/수정/삭제 -dao: MemberMgr, dto: MemberBean 상품 : 조회/..
예제1 register.html 로그인 정보 아이디 비밀번호 비밀번호 확인 회원등급 개인정보 이름 메일주소 연락처 코딩 숙련도(상,중,하) 제출 myform.css @charset "UTF-8"; html, body, form, fieldset, legend, ol, lo { margin: 0; padding: 0; } body{ background: #ffffff; color: #111111; font-family: 맑은고딕,굴림,돋움; /* 첫번째 글씨체 없으면 두번째 , 두번째도 엇으면 세번째 */ padding: 20px; } form{ background: #9cbc2c; -moz-border-radius: 5px; /* 어떤걸 사용하는지에 따라서 radius 설정*/ -webkit-border..
목차 웹 표준 웹 표준의 장점 웹 호환성 인터넷 W3C(World Wide Web Consortium) 웹 서비스(Web Service) HTML HTML5 HTML태그 - 영역 관련 태그 (inline, block 요소) - 글자 입력 관련 태그 1) 입력 내용을 그대로 보여주는 태그 - - 목록 태그 - 하이퍼링크 태그 - - 테이블 태그 - - 이미지 태그 - - 비디오 태그 - - 오디오 태그 - HTML5 - 시맨틱 태그 CSS CSS를 HTML 문서에 적용하는 방법 CSS 선택자 선택자 우선순위 css not 선택자 웹 표준 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현 웹 표준의 장점 - 수..