front-end 공부하기27 [코딩 테스트 연습] 약수의 합 (javascript) 문제 정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수, solution을 완성해주세요. 풀이 function solution(n) { let answer = 0; for(i=0; i 2022. 9. 26. [코딩 테스트 연습] 평균 구하기 (javascript) 문제 - 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. 풀이 function solution(arr) { let sum = arr.reduce( (prev, curr) => prev + curr); let answer = sum / arr.length; return answer; } - Array.prototype.reduce()를 이용하여 풀었다. Array.prototype.reduce() - 배열의 요소들을 접어서 하나의 값으로 만든다! arr.reduce((previousValue, currentValue, currentIndex, array) => (previousValue += currentValue), initialValue ); //init.. 2022. 9. 26. [코딩 테스트 연습] 짝수와 홀수 (javascript) 문제 - 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 풀이 function solution(num) { const answer = num % 2 === 0 ? "Even" : "Odd"; return answer; } - 삼항 연산자를 이용하여 풀었다. 삼항 연산자 조건문 ? 조건문이 참일 때 실행 : 조건문이 거짓일 때 실행; 해당 연산자는 if...else문의 대체재로 간단하게 표현할 수 있다. 더 자세한 내용은 아래 링크를 통해서! https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator Conditiona.. 2022. 9. 26. [Html] 유용한 tag abbr : 축약어 : 속성 값으로 title이 반드시 들어가야 함 PLZ...한번만 봐줘요 address : (물리적인)주소, url, 이메일, 전화번호, sns 치즈도넛 블로그 https://cheese-donut.tistory.com pre & code : 둘이 같이 사용하지 않아도 됨 : pre - html에서 적은 그대로 화면에 나타남 : code - code를 적을 때 사용 console.log('hello world!'); let a = 2; pre를 사용하면 띄어진 부분까지 전부 화면에 나타남 2022. 6. 2. [Html] Media Audio // 컨트롤러가 생김 // 자동으로 재생 // 자동으로 재생 + 무한 재생 ↑ 사용자들이 어떤 브라우저를 사용할 지 모르기 때문에 최대한 지원할 수 있도록 함 https://developer.mozilla.org/ko/docs/Web/HTML/Element/audio - HTML: Hypertext Markup Language | MDN HTML 요소는 문서에 소리 콘텐츠를 포함할 때 사용합니다. developer.mozilla.org 참고 자료 Video Sorry, your browser doesn't support embedded videos. 2022. 6. 2. [Html] Form - Input / Label / Radio & Checkbox / Select / Textarea / Button From Input input에는 무조건 type이라는 속성 값이 들어가야 함 placeholder : hintText minlength : 입력해야하는 단어의 최소 값 maxlength : 입력해야하는 단어의 최대 값 required : 필수로 입력해야 하는 input disable : 특정 input 값을 사용하지 못하게 함 value="치즈 도넛" : 기본으로 들어가는 값 (복사도 가능!) ** number의 최솟값과 최댓값을 적고 싶으면 min과 max를 사용해야 함 Enter your phone number: ** 확장자명을 정하고 싶다면 accept를 사용 Label : 폼 양식에 이름을 붙이는 태그 라벨 ** for은 '누구'를 위한 라벨인지 명시해줘야 함 -> for="input id" 이.. 2022. 6. 2. [Html]인용 Quotations blockquote : 인용구 cite : 인용을 어디서 했는지 알려줌, 출처 q : 문장에 인용구가 있을 때 사용 (ex 두번째 코드에 예시가 있음) : ""를 쓰지 않아도 저절로 생성됨 우리가 겪을 수 있는 가장 아름다운 체험은 신비다. 신비는 모든 참 예술과 과학의 근원이다. 알버트 아인슈타인 **출처하는 사이트가 있다면 blockquote에 cite를 넣어준다 The study is the first to project the long-term outlook for Antarctica's largest penguins, which can grow 1.2 meters (four ft) tall, seeking to fill a gap in understanding climate change and .. 2022. 6. 1. [Html] 목록 list List ol -- ordered list : 순서가 중요한 목록 (ex 요리법, 실시간 검색어 등등) ul -- unordered list : 순서가 중요하지 않은 목록 li -- list item : 리스트 아이템 **ol과 ul의 자식은 li만 올 수 있다 Description List -> 정의(서술) 리스트 dl -- description list dt -- description term : 서술된 용어 dd -- description data : 기술 자료 치즈 블로그 코딩을 공부하는 블로그 입니다 치즈 블로그 cheese-donut tistory 코딩을 공부하는 블로그 입니다 사과 사과에 대한 설명 바나나 바나나에 대한 설명 **dl의 자식 요소는 오직 div, dt, dd만 가능하다 2022. 6. 1. [Html] 링크 anchor / 이미지 image anchor 1. 웹 URL 치즈도넛 블로그 바로가기 2. 페이지 내 이동 hello 섹션으로 이동! Title 3. 메일 보내기 메일 보내기 4. 전화하기 전화걸기 5. 새탭으로 열리기 새탭으로 열리기 image alt 란?! alternative text로 이미지가 나오지 않았을 때 대체해서 나오는 대체 텍스트 입니다!! 2022. 5. 31. 이전 1 2 3 다음
