본문 바로가기
728x90
반응형

분류 전체보기220

[CSS] 스크롤바 숨기기 해당 div에 -ms-overflow-style: none; 넣고 ::-webkit-scrollbar { display: none; } 이거 따로 추가 크롬만 확인해봄 2020. 5. 27.
[후기] 국비지원교육 아이티윌 Java 개발자 과정 작년 19년 4월부터 10월까지 6개월 과정의 Java 교육과정을 이수했다. 이 교육과정의 정확한 명칭은 "빅데이터 분석 및 스프링 프레임워크 기반 자바 개발자 양성과정" 이다. 그때만해도 솔직히 내가 어떤 개발자가 되고 싶은지 프로그래밍이라는 것이 무엇인건지 잘 몰랐던 것 같다. 단지 막연하게 마인드맵처럼 진로고민을 타고 타고 흘러들어온 느낌이었다. 뚜렷한 목표와 방향성이 없었다. 내가 이 과정을 통해 취업을 하고 싶긴 했지만 정확하게 어떤 분야 어떤 개발자가 되고싶은지는 알지 못했다. 그렇게 시작한 학원이었다. 혹시라도 국비지원 과정 학원을 알아보는 나같은 학생이 있다면 이 글이 꼭 도움이 되었으면 한다. 학원을 선택한 기준 조금 웃긴 이야기일 수도 있겠지만 나는 위치와 학원 시설을 가장 중요하게 봤.. 2020. 5. 25.
[CSS] 배경 이미지 그라데이션 속성 / 이미지 점점 흐리게 linear-gradient 에서 to bottom 하면 아래서부터 rgba(색상, 투명도) 위치 ※ 투명도가 작을수록 흐릿하며, 0일 때는 안보임 rgba(255, 255, 255, 0) 10%, 아래 끝부터 화면 10% 까지는 흰색 투명도 0 rgba(255, 255, 255, 0.5) 25%, 10%부터 화면 25% 까지는 흰색 투명도 0.5 rgba(255, 255, 255, 0.7) 40%, 25%부터 화면 40% 까지는 흰색 투명도 0.7 rgba(255, 255, 255, 1) 50%, 40%부터 화면 50% 까지는 흰색 투명도 1 rgba(255, 255, 255, 1) 100% 50%부터 화면 위 끝 까지는 흰색 투명도 1 ★ url 이미지가 linear-gradient 보다 먼저 오면 .. 2020. 5. 21.
[CSS] 체크박스 CSS 적용하기 체크박스 자체가 CSS 적용하는 것은 불가능 하므로 input 체크박스를 숨기고 label로 가짜 체크박스를 만들어준다 .remember-check { /* 실제 체크박스는 화면에서 숨기고 */ display: none; } .remember-check + label { display: inline-block; position: relative; cursor: pointer; } .remember-check + label:before { /*가짜체크박스*/ content: " "; display: inline-block; width: 13px; /* 체크박스의 너비를 지정 */ height: 13px; /* 체크박스의 높이를 지정 */ line-height: 13px; /*세로정렬을 위해 높이값과 일치 .. 2020. 5. 20.
[CSS] Padding을 제외한 배경색 지정하기 특정 영역 전체가 아닌 padding 값을 준 테두리 부분을 제외하고 배경색을 지정하고 싶은 경우 background-clip: content-box; 2020. 5. 20.
[CSS] Flex 완벽 정리 후후 이제 확실하게 알았다!!!! flex - 적용하고자 하는 자식 element의 부모 element에 적용할 것 justify-content : (가로) flex-start 요소들을 컨테이너의 왼쪽으로 정렬 default flex-end 요소들을 컨테이너의 오른쪽으로 정렬 center 요소들을 컨테이너의 가운데로 정렬 space-between 요소들 사이에 동일한 간격을 둠 space-around 요소들 주위에 동일한 간격을 둠 aglin-items : (세로) flex-start 요소들을 컨테이너의 꼭대기로 정렬 flex-end 요소들을 컨테이너의 바닥으로 정렬 center 요소들을 컨테이너의 세로선 상의 가운데로 정렬 baseline 요소들을 컨테이너의 시작 위치에 정렬 stretch 요소들을 컨.. 2020. 5. 17.
728x90
반응형

티스토리툴바