검색 본문
ydoag2003.tistory.com 개발새발 로그 React - 아코디언 기능을 만들 때 어떻게 해야할까? hidden 과 같은 속성으로 안보이는 것이 아니다! 그래서 transition효과를 적용하려면 먼저 details태그에 summary가 보여질 정도의 height 또는 max-heigth를 적용한다. 그럼 open이거나 open이 아닐 때 summary는 일단 보이게 된다.(0을 적용하면 open아닌 것들은 안보입니다) 그리고 deatail[open]이 되면 height... 2024.05.31 블로그 검색 더보기 knowum.tistory.com 그놈의 이놈 저놈 CompositionalLayout을 한번 사용해보자 #3 6 height 기준으로 비율로서 계산되어집니다. width 비율 확인 저는 group의 width(channel group width / ViewController width), height(channel group heigth / ViewController height)를 계산해서 입력하였고 다음은 section에 대한 설정을 해줍니다 private func getChannelSection() -> NSCollectionLayoutSection... ios collectionview compostional layout 2024.05.29 원당컴퓨터학원 IT 분야 크리에이터 2.1 데이터 다루기 - 산점도 그려 보기(캐글 데이터셋 남자와 여자 분류) 11 set.csv") df.head() 여기서 데이터셋은 구글 드라이브에 업로드 해 둔 상태이다. 3. 데이터셋의 자료형과 Null 값이 있는지 확인 - 자료형 확인 df.info() Heigth,Weight는 숫자형 Sex 는 문자형이다. - Null 값 체크 df.isnull().sum() 3000개의 데이터 중에 Null 값은 없기 때문에 특별한 작업 없이 모델을 훈련하면... 2024.04.25 bki-0914.tistory.com BKI 만들면서 배우는 파이토치 딥러닝 02 28 2list( 배열함수 ) 이것은 class 를 선언한거니 __init__ 에 자동으로 가게 되서 self.classes= [ ] 가 되는거고 2. transform_anno( val_anno_list[ind] , width, heigth) 이거는 __call__ 을 선언하게 된다. 085 XML에서 엘리먼트와 콘텐츠를 읽으려면? ― xml.etree.ElementTree - 점프 투 파이썬 - 라이브러리 예제... 2024.03.27 raon-2.tistory.com 개발자 되고 싶다 [React/JS MBTI 만들기] #4. 공유하기, 애니메이션 및 퍼블리싱 (Web Share API / @keyframes / animation / scss) 2) Web Share API 메소드 참고자료 : https://velog.io/@otterji/navigation.share-copyClipboard 1. navigater.canShare() → 지정된 데이터가 공유 가능한지 여부를 나타내는 boolean 값을 반환 2. navigator.share() → Promise 전달된 데이터가 공유 대상으로 성공적으로 전송되었는지 확인하는 결과 반환. 이 메소드는 버튼 클릭이나, 기타 사용자 활성화 시 호출되어야 한다. navagatorshare() 메소드는 각 디바이스의 네이티브 한 공유하기 기능을 작동시킨다. 3) 공유코드 예시 (MDN 공식문서) - 참고자료 : https://developer.mozilla.org/en-US/docs/Web/API/Web_Share_API 1. 공유코드 const shareData = { title: "MDN", text: "Learn web development on MDN!", url: "https://developer.mozilla.org", }; const btn = document.querySelector("button"); const resultPara = document.querySelector(".result"); 2) 테스트 페이지 1. 프로그레스 바가 애니메이션으로 쇽속 올라간다. -> 이 효과는 transition 효과롤 해결했다. transmition이란? 요소의 상태 변화에 따른 애니메이션 효과를 지정할 때 사용된다. property : 애니메이션을 적용할 css 속성 duratiohn : 애니메이션 지속시간 (기본값 0, s) timing-function : 애니메이션 요소 변화 속도 조절 ( ease, linear, ease-in, ease-out, ease-in-out) delay 애니메이션 시작 지연시키는 시간 (기본값 0, s) trans 17 참고자료 : https://velog.io/@otterji/navigation.share-copyClipboard 1. navigater.canShare() → 지정된 데이터가 공유 가능한지 여부를 나타내는 boolean 값을 반환 2. navigator.share() → Promise 전달된 데이터가 공유 대상으로 성공적으로 전송되었는지 확인하는 결과 반환. 이 메소드는 버튼 클릭이나, 기타 사용자 활성화 시 호출되어야 한다. navagatorshare() 메소드는 각 디바이스의 네이티브 한 공유하기 기능을 작동시킨다. Animation CSS3 react @keyframes scss CSS 애니메이션 @keyframe React MBTI 만들기 WebShareAPI react 공유하기 만들기 2024.03.25 zeechive.tistory.com 武裝 레이아웃을 구성하는 css 박스 모델 2 12 인라인 요소에는 마진과 패딩이 없다, 이런 경우 블록 레벨 요소로 변경하면 떨어지게 되므로, 이런 속성만 주고 싶을 떄 사용 . -인라인 속성은 width, heigth, margin(상, 하) 적용이 안 된다. 블록레벨, 인라인레벨 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content... 2024.04.17 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 story.kakao.com 최바울 최바울 - 카카오스토리 4 201207(8) The Heigth of Heart. I am taller hten you when i am measured from the sky. even though i am smaller then you when i am measured from the ground. My heart is eager to conguer you is bigger... 2020.12.16 카카오스토리 검색 더보기