JudithHopps JudithHopps

홍보 사이트 제작 3일차 - 2022.12.21 수 [오늘한 것] - ul 생성 : 컨텐츠와 active 이벤트 - 클릭 이벤트 : ppt로 이미지 ui 만들기 - api : postman으로 mockserver 만들기 [리팩토링할 것] - article 나열 height 조절 >> ul과 li에서 조절이 되지 않음 - script setup에서 api 받아오기 : 아래 코드에서 console창에 article이 출력되는 것까지는 확인함 import { ref } from 'vue'; const active= ref(0); // let articles=[]; // async function getList() { // articles = await this.$api( // "https://317063c7-..

홍보 사이트 제작 2일차 - 2022.12.20 화 - intro 페이지 화면 구성 - 스크롤 이벤트 [시도한 것] 1. div 영역의 레이아웃 grid로 설정 .container { display: grid; place-items: center; height: 100vh; max-width: 100%; position: relative; } 2. 텍스트 그라데이션 #raon{ background: -webkit-linear-gradient(-70deg,#e23a3a97 40%,orange 60%,rgba(233, 242, 102, 0.859)90% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: trans..

홍보 사이트 제작 1일차 2022.12.20 - 부트스트랩 적용 - 홈페이지 꾸미기 [의문점] 1. css에서는 :hover 효과가 적용이 되는데 template 안에서 background-color hover 효과를 주면 되지 않는다. 이유가 궁금하다. - hover 이벤트 작동되지 않음 (생략) button:hover { background-color: white; color:#ff7f00; } - hover 이벤트 작동됨 (생략) button{ font-size:0.8em; font-weight:bolder; background-color: #ff7f00; color:white; width:8em; } button:hover { background-color: white; color:#ff7f00; }

2022.12.3일부터 12.9일까지 1주일 동안 100문제를 풀었다. 해결했지만 어려웠던 문제나 좋은 알고리즘이 있을 때 ppt에 담았다. 총 66문제를 담았으며, 대부분 프로그래머스에 올라온 베스트 코드 정리본이다. 중간에 다른 블로그 캡쳐도 있다. 일주일동안 javaScript의 빈약한 부분을 알 수 있었으며, reduce, map, filter 등등 메소드를 조금 더 보완해야겠다!!

오늘도 프로그래머스 코딩테스트 연습 풀다가 부족한 개념이 보여 정리를 하려고 한다. https://school.programmers.co.kr/learn/courses/30/lessons/120864 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이 문제에서 정규 표현식을 사용하면 조금 더 쉽게 문제를 풀 수 있다. 정규표현식이란 ? 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이다. 즉, 문자열에서 특정 문자 조합을 찾기 위한 패턴이라고 생각하면 된다. 정규식 플래그 기호 의미 g 전역 검색 (모든 검색 결과 반환) m 줄바꿈 검색..

실수 1. 올림 : Math.ceil(); 2. 반올림 : Math.round(); 3. 내림 : Math.floor(); 4. 소수점 자리 지정 (3.22).toFixed(1); // 3.2 splice 메서드 - 배열 요소 추가 삭제 Array.prototype.splice() 메서드는 배열의 특정 위치에 배열 요소를 추가하거나 삭제하는데 사용합니다. 리턴값은 삭제한 배열 요소입니다. 삭제한 요소가 없더라도 빈 배열을 반환합니다. /* 배열 임의의 위치에 요소 추가 제거 */ // start - 수정할 배열 요소의 인덱스 // deleteCount - 삭제할 요소 개수, 제거하지 않을 경우 0 // el - 배열에 추가될 요소 arr.splice(start, deleteCount, el); var a..

프로그래머스 정수판별 문제를 풀다가 메소드를 알지 못해 문제를 못풀어서 작성하게 된 포스팅이다. 자바스크립트 pow / sqrt 란? pow 는 특정숫자의 거듭제곱 값을 계산해주는 함수 sqrt 는 특정숫자의 제곱근 값을 계산해주는 함수입니다.​ ex) Math.sqrt(16) // 4 (제곱근 출력) Math.pow(4,2) // 16 (4의 제곱근 출력)

프로그래머스 코딩테스트 연습문제를 풀다가 reduce 메소드의 사용이 헷갈려서 정리하는 시간을 갖게 되었다. reduce() 메서드란? reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 예시) 리듀서 함수는 네 개의 인자를 가진다. 누산기 (acc), 현재 값 (cur), 현재 인덱스 (idx), 원본 배열 (src). 리듀서 함수를 풀면 아래 왼쪽 긴 코드 대신 오른쪽 코드처럼 간결하게 작성 가능하다.