본문 바로가기

전체 글73

[프론트엔드스쿨] WIL 9주차 제로베이스 프론트엔트 스쿨 9주차 WIL Weekly I learned... 1. 객체 프로퍼티 설정 / 프로토타입 상속 - 객체 프로퍼티의 플래그, getter/setter, 프로토타입에 대해서 학습하였다. 관련한 문제를 출제해서 정리해보았다. 프로토타입은 너무 헷갈려서 다시한번 정리가 필요할 것 같다. 2022.09.27 - [JavaScript] - [스터디] 객체 프로퍼티 설정 / 프로토타입 상속 2. DOM 조작 메서드 복습 - 과제2를 시작하려다가 제로베이스 기초강의에서는 DOM조작 메서드들을 너무 간략하게 다뤄서 예전에 사두고 안보고 있었던 유데미에 colt씨의 강의에서 필요한 부분을 찾아보았고, (스스로를 위해) 간략하게 정리해본다. 1) DOM : 문서 객체 모델, 웹페이지를 구성하는 J.. 2022. 10. 2.
[스터디] 객체 프로퍼티 설정 / 프로토타입 상속 학습 후 확인을 위해 문제를 만들어 보았다. 범위: 객체 프로퍼티 설정 및 프로토타입 상속 1. 다음에서 console에 출력되는 값은 무엇인가요? let user = { name: "Tom", age: 10, }; Object.defineProperty(user, "name", { writable: true, configurable: false, }); user.name = "Jane" Object.defineProperty(user, "name", {writable: false}); user.name = "James" console.log(user.name) 정답 및 해설 ▼ 더보기 정답: Jane 해설: let user = { name: "Tom", age: 10, }; Object.definePr.. 2022. 9. 27.
iconfont 사용하기 (fantasticon) / 404오류(엑스박스) 스스로를 위한 기록으로 간략하게 기록하였습니다. https://github.com/tancredi/fantasticon GitHub - tancredi/fantasticon: Icon font generation tool Icon font generation tool. Contribute to tancredi/fantasticon development by creating an account on GitHub. github.com 1. fantasticon 설치하기 npm install -g fantasticon 2. 간단 사용법 1) 원하는 위치에 폴더 만들기 2) fantasticon my-icons -o icon-dist 예시) 3) 하기 그림과 같이 파일 생성되면 css 파일을 link 걸어서 사.. 2022. 9. 26.
[프론트엔드스쿨] WIL 8주차 제로베이스 프론트엔트 스쿨 8주차 WIL Weekly I learned... 1. 자바스크립트 호출 스케줄링 - setTimeout과 setInterval에 대해 정리하였다. 2022.09.21 - [JavaScript] - 자바스크립트 호출 스케줄링 (setTimeout / setInterval) 2. 과제1을 제출했다. - HTML/CSS 과제를 드디어 끝내고 제출했다. 자세한 내용은 공개불가여서 소감 정도만 작성해본다. 결과가 어떻게 나올지는 모르겠지만 일단 디자인 시안과 같은 모습으로 구현은 했다. 요구 조건이 세세하고 같은 구조라도 다양한 방법으로 구현하도록 되어있어서 HTML과 CSS를 다양하게 써볼 수 있었다. 아쉬운 점 / 추후계획 - 분명 강의때 나왔던 내용인데도 막상 과제에 적용하려고 .. 2022. 9. 25.
자바스크립트 호출 스케줄링 (setTimeout / setInterval) 호출 스케줄링이란? Scheduling a call : 함수가 바로 호출되지 않고, 일정 시간이 지난 후 호출 되도록 함수 호출을 예약하는 것으로 타이머 함수를 사용한다. 타이머 함수 자바스크립트는 아래의 타이머 함수들을 제공한다. 그러나 이들은 빌트인 함수가 아니고, 브라우저/Node.js 환경에서 제공하는 전역 객체의 메서드로 제공하는 호스트 객체이다. - 타이머 생성 함수: setTimeout, setInterval - 일정 시간이 지난 후 콜백 함수가 호출되도록 타이머 생성 - 타이머 제거 함수: clearTimeout, clearInterval 요약 함수 기능 구분 구문 동작 setTimeout 타이머 생성 let timerId = setTimeout(func|code, [delay], [arg.. 2022. 9. 21.
[프론트엔드스쿨] WIL 7주차 제로베이스 프론트엔트 스쿨 7주차 WIL Weekly I learned... 자바스크립트 스터디를 진행하면서 강의를 들으며 빠르게 지나쳤던 개념들을 다시 살펴보았다. 1. 문자열과 배열 메서드 정리 2022.09.14 - [JavaScript] - 헷갈리는 자바스크립트 문자열/배열의 메서드 정리 2. 알고리즘 - DP 동적계획법(Dynamic Programming) : 복잡한 문제를 간단한 여러개의 문제로 나누어 푸는 방법으로 최단 경로 문제, 행렬의제곱 문제등의 최적화에 사용된다. - 메모이제이션 : DP의 핵심이 되는 기술로써, 반복되는 계산에서 한번 계산한 결과를 메모리에 저장해 두었다가 꺼내 쓰는 방법. 즉 공간비용을 투입해서 시간 비용을 줄인다. 아쉬운 점 / 추후 계획 - 과제가 생각보다 양이.. 2022. 9. 18.
프로그래머스 Lv.2 올바른 괄호 (스택/큐) (JavaScript) 자바스크립트로 프로그래머스 문제 풀기 문제 - 출처: https://school.programmers.co.kr/learn/courses/30/lessons/12909 괄호의 짝이 올바르게 지어졌는지 확인하는 문제로, 스택/큐 관련 문제이다. 풀이 나의 풀이 function solution(s){ var answer = true; let tmp = []; //임시배열 생성 let mark1 = 0, mark2 = 0; //'(' 수와 ')' 수를 카운팅 if(s.length % 2 != 0) answer = false; //길이가 홀수이면 무조건 false for(let i = 0; i < s.length; i++) { if(s[i] == '(') { tmp.push(s[i]); //'(' 는 무조건 t.. 2022. 9. 18.
프로그래머스 Lv.2 이진 변환 반복하기 (JavaScript) 자바스크립트로 프로그래머스 문제 풀기 문제 - 출처: https://school.programmers.co.kr/learn/courses/30/lessons/70129 문제에 변환 단계가 여러단계라서 헷갈릴 수 있다. 이 글에는 생략했으나 문제 링크로 이동시 입출력 예시에 대한 설명이 자세히 나와 있다. 문제를 자세히 읽어보면, 변환해야 하는 것이 "문자열 → 0을 제거(기록필요) → 제거하고 남은 수의 자릿수 계산 → 자릿수를 2진수로 변환" 이렇게 진행하는 것을 한번의 변환으로 보고, 이 변환을 2진수가 1이 될때까지 반복한다. 최종적으로 총제거한 0의 수와 변환 횟수를 구하면 된다. 풀이 나의 풀이 function solution(s) { var answer = [0, 0]; //정답의 초기값을 모.. 2022. 9. 17.
프로그래머스 Lv.1 최대공약수와 최소공배수 (JavaScript) 자바스크립트로 프로그래머스 문제 풀기 문제 - 출처: https://school.programmers.co.kr/learn/courses/30/lessons/12940 두 수의 최대공약수와 최소 공배수를 구하는 문제중 가장 기본 문제이다. 풀이 최대공약수, 최소공배수가 응용된 문제들이 좀 보여서 정리를 위해 기본 문제를 풀어보았다. 최대공약수 / 최소공배수 란? : 주어진 수들의 공통 약수 / 배수에서 가장 큰 값 / 작은값 이다. 그래서 이 정의를 이용한 방법도 있으나, 유클리드 호제법을 사용하는것이 유리하므로 두가지 경우를 모두 정리해보았다. for문 사용 function solution(n, m) { var answer = []; let a = Math.min(n, m); let b = Math.m.. 2022. 9. 17.

티스토리툴바