기록저장소

자주 쓰일듯 한 css n번째 요소 선택 :nth-child(3)//3번째 하위 요소 :nth-child(n+3)//3번째 하위 요소부터 끝까지 모두 :nth-child(-n+3)//첫번째부터 3번째까지 모든 하위 요소 :nth-child(n+3):nth-child(-n+5)//3번째부터 5번째까지의 하위요소 :nth-child(2 of .highlight)//.highlight 클래스를 가진 하위 요소 중 두번째 요소 .highlight:nth-child(2) //두번째 요소이면서(and) highlight 클래스를 가진 요소 특정 요소 선택 @scope (.card){ img{ border-color: red; } } //card 클래스 내부에 있는 img 만 선택 @scope (.card) to (..

0. "카카오 지도" 검색 1. https://apis.map.kakao.com/ 접속 : 기본적인 사용방법, 옵션 확인 등 공식문서 사이트 2. https://developers.kakao.com/ 접속 : url 등록 및 KEY 발급받는 사이트 KEY발급받기, 지도 사용할 URL등록하기 1. https://developers.kakao.com/ 에서 [내 애플리케이션] 클릭 2. 카카오계정 로그인하기 3. [애플리케이션 추가하기] 클릭 4. 애플리케이션 정보 등록 : 앱 아이콘, 사업자명 등을 입력해야해서 흠칫했지만 그냥 폴더명이라 생각하고 간단하게 등록하면 됨 5. [저장] 하면 등록완료 (아직 남음) 6. 사용하고자하는 [애플리케이션] 클릭 -> [플랫폼 설정하기] 7. 플랫폼 등록하기 : [we..

css li { float: left; } /* one item */ li:first-child:nth-last-child(1) { width: 100%; } /* two items */ li:first-child:nth-last-child(2), li:first-child:nth-last-child(2) ~ li { width: 50%; } /* three items */ li:first-child:nth-last-child(3), li:first-child:nth-last-child(3) ~ li { width: 33.3333%; } /* four items */ li:first-child:nth-last-child(4), li:first-child:nth-last-child(4) ~ li { wid..

https://pim.cyberlogitec.com/docs/pages/viewpage.action?pageId=20096574

https://blog.hivelab.co.kr/%EA%B3%B5%EC%9C%A0-vertical-align-%ED%8C%8C%ED%97%A4%EC%B9%98%EA%B8%B0-1%EB%B6%80/ [공유] Vertical-align 파헤치기! – 1부 | Hivelab Blog [공유] Vertical-align 파헤치기! – 1부 들어가며 안녕하세요. 하이브랩 UI개발2팀 도재경, 우현주입니다. 각자 UI개발1팀과 SEP실에서 열심히 과제를 진행했지만 서로 같은 고충을 느꼈던 저희!!! 그 blog.hivelab.co.kr https://blog.hivelab.co.kr/%ea%b3%b5%ec%9c%a0-vertical-align-%ed%8c%8c%ed%97%a4%ec%b9%98%ea%b8%b0-2%e..

https://stackoverflow.com/questions/46724542/javascript-move-elements-up-and-down-in-the-list JavaScript: Move elements up and down in the list I am working on a script to move list elements up and down with a button click. I can make it work with jQuery, but I have troubles writing this in pure (vanilla) JavaScript. $(function() { ... stackoverflow.com

단방향 range bar는 HTML 기본태그 input range를 사용하면 됨 Volume 양방향 range bar는 input range태그에 커스텀 + js를 사용해서 눈속임으로 만들어야함 https://codingsalon.tistory.com/104 [HTML¦CSS] multi range slider range slider를 유튜브 따라서 만들어봤다! 코드펜 링크🔗 javascript 코드도 들어가지만 input type="range"때문에 HTML¦CSS 카테고리에 글을 쓴다. 먼저 설명하자면, 1. 진짜 슬라이더인 input 2개를 만들고, codingsalon.tistory.com

textarea에서 placeholder에 줄바꿈을 하고싶을때 하고자하는 위치에 (둘 중 하나만 넣어도 됨) 를 넣어주면 줄바꿈이 된다. HTML에서 공백( ), 부등호 (>)와 같이 사용하는 앤티티코드로 줄바꿈은 또는 으로 사용한다함 https://aneok.tistory.com/86

에서 기본으로 생기는 카운트 버튼 제거하기 input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; } 해당 css 를 추가해주면 우측 버튼이 없어지고 별도의 처리없이 숫자값을 받아올 수 있음

1) 애플리케이션 테스트 케이스 작성 SW테스트 : 개발된 응용 애플리케이션이나 시스템이 사용자가 요구하는 기능과 성능, 사용성, 안정성 등을 만족하는지 확인하고 노출되지 않은(숨어있는 소프트웨어의 결함)을 찾아내는 활동 SW테스트 필요성 오류 발견 관점 프로그램에 잠재된 오류를 발견하고 이를 수정하여 올바른 프로그램을 개발하기 위해 필요 오류 예방 관점 프로그램 실행전 동료검토, 워크스루, 언스팩션 등을 통해 오류를 사전에 발견하는 예방차원의 필요 품질 향상 관점 사용자의 요구사항 및 기대 수준을 만족하도록 반복적인 테스트를 거쳐 제품의 신뢰도를 향상하는 품질보증을 위해 필요 SW테스트 원리 결함 존재 증명 결함이 존재함을 밝히는 행동 결함이 없다는 것을 증명할 수는 없음 결함을 줄이는 활동 완벽한 테..