yunaaa's yunaaa's

분류 전체보기

• CSS 실습 - 조건부 테이블 만들기

  카테고리 없음 2023. 2. 5. 18:02

  나의풀이 2019 독서실태 구분 성인 독서자 종이책 6.1권 11.8권 전자책 1.2권 7.1권 종이책 0.2권 5.5권 해설풀이 2019 독서실태 구분 성인 독서자 종이책 6.1권 11.8권 전자책 1.2권 7.1권 오디오북 0.2권 5.5권

  Read More
• css 실습 - 순서없는목록만들기

  HTML&CSS/실습 2023. 2. 2. 23:52

  // 조건 1. 순서없는 목록의 불릿을 없앤다 2. 각 항목의 줄 간격을 글자 크기의 2배로 지정한다 3. 각 항목에서 진하게 표시된 부분의 글자색을 #ad3000로 수정한다 나의풀이 최신 웹 디자인 트렌드 반응형 웹 디자인 - 다양한 화면 크기에 최적화하다 플랫 디자인 - 입체에서 평면으로 풀스크린 배경 - 콘텐츠에 집중 원 페이지 사이트 - 한 페이지에 모든 내용을 담다 페럴랙스 스크롤링 - 동적인 효과로 강한 인상을 웹 폰트 - 웹 타이포그래피를 받쳐주는 기술 해설풀이 최신 웹 디자인 트렌드 반응형 웹 디자인 - 다양한 화면 크기에 최적화하다 플랫 디자인 - 입체에서 평면으로 풀스크린 배경 - 콘텐츠에 집중 원 페이지 사이트 - 한 페이지에 모든 내용을 담다 패럴랙스 스크롤링 - 동적인 효과로 강한..

  Read More
• 프로그래머스_입문_피자나눠먹기(2)

  JavaScript/Coding_Problems 2023. 2. 1. 18:36

  function lcm(a,b){ if(b === 0) return a; return lcm(b, a % b); } function gcd(a,b){ const lcm_num = lcm(a,b) const gcd_num = (a * b) / lcm_num; return gcd_num; } function solution(n) { var gcd_num; if(n >= 6){ gcd_num = (n % 6) + 1 }else{ gcd_num = gcd(n,6) gcd_num = gcd_num / 6 } return gcd_num }

  Read More
• 입문 - 연속된 수의 합

  JavaScript/실습 2023. 1. 31. 19:16

  첫번째 시도 function solution(num, total) { let arr = Array() let q; let p; if( total % num === 0){ q = total / num p = total / num }else{ q = Math.floor(total / num) p = Math.floor(total / num) } idx_loc = (num -1) / 2 arr.splice(idx_loc, 1, q) let point = (num -1 ) / 2 let cnt1 = 0; let cnt2 = 0; let before_arr = Array(); let after_arr = Array(); while(cnt1 != point){ before_arr.push(q-1) cnt1 += 1..

  Read More
• 실습 - 이미지 클릭 하면은 이미지 주소 표시하기

  HTML&CSS/실습 2023. 1. 30. 18:42

  판매가: 9000원 배송비: 3000원 적립금: 180원(2%) 로스팅: 2019.06.17 장바구니담기 상세 설명 보기

  Read More
• JS로 HTML Style다루기

  JavaScript/DOM 2023. 1. 29. 20:31

  style 프로퍼티 element.className element.classList add 클래스 추가하기 remove toggle contains replace 오늘 할 일 자바스크립트 공부 고양이 화장실 청소 고양이 장난감 쇼핑 내일 할 일 자바스크립트 공부 뮤지컬 공연 예매 유튜브 시청

  Read More
• 글자 속성, 텍스트 속성, 웹에서 스타일 속성 정리

  HTML&CSS/CSS 2023. 1. 29. 18:09

  글자와 관련된 속성 종류 설명 font-family 글꼴 종류를 지정 font-size 글자 크기를 지정 font-style 글자를 이텔릭체로 표시할지 지정 font-weight 글자의 긁기를 지정 텍스트 스타일 속성 종류 속성 color 글자색을 지정한다 text-decoration 텍스트에 밑줄이나 취소선을 표시할지 여부를 지정합니다 text-transform 텍스트 전체, 또는 첫 글자를 대문자료 표시 text-shadow 텍스트에 그림자를 추가 letter-spacing 글자 사이의 간격을 지정 word-spacing 단어 사이의 간격을 지정 text-align 텍스트 정렬 방법을 지정 line-height 줄 간격을 조정 웹에서 색상을 지정하는 방법 방법 설명 16진수 rgb, rgba hsl,..

  Read More
• 표 스타일

  HTML&CSS/CSS 2023. 1. 29. 18:04

  표 제목의 위치는 정해주는 caption-side속성 caption-side top | bottom top bottom 표에 테두리를 그려 주는 border 속성 border: 너비 | 스타일 | 색 셀 사이의 여백을 지정하는 border-spacing속성 border-spacing: 수평거리 수직거리 표와 셀 테두리를 합쳐주는 border-collapse 속성 border-collapse: separate | collapse 종류 설명 collapse separate 표와 테두리를 따로 표시합니다. default

  Read More