팀 프로젝트를 진행 중.. VScode 로 라이브서버로 파일을 여는데 HTML 이 렌더링 되지 않고 다음과 같은 오류가 발생했다.이상한 것은 완전히 똑같은 코드로 열었는데, 다른 팀원들은 다 잘 열리고 나만 안 열리고 있던 상황.. 이것은 내 쪽에 문제가 있는 게 분명했다...🫥 오류 내용GET https://192.168.45.127:5500/css/main.css net::ERR_SSL_PROTOCOL_ERRORGET https://192.168.45.127:5500/js/script.js net::ERR_SSL_PROTOCOL_ERRORGET https://192.168.45.127:5500/favicon.ico net::ERR_SSL_PROTOCOL_ERRORindex.html:38 WebSoc..
자바스크립트 변수를 선언하는 방법에는 var, let, const 3가지 방법이 있다. 이 세 가지에 대해 알아보자. varvar 은 예전부터 쓰이던 자바스크립트 변수 선언 방식이다. 그러다 보니 문제점도 많다..(?) 재선언 가능var title = "제목1";var title = "제목2";변수를 선언했는데 뒤에서 같은 변수명으로 또 선언이 가능하다. 이러한 특징은 협업할 때 문제가 생기기 십상이다. 누군가가 중요한 데이터를 넣을 변수를 선언했는데 다른 누군가가 같은 이름으로 변수를 선언하고 앞선 데이터와는 다른 데이터를 넣었다고 생각해 보자. 나중에 선언된 변수명에 데이터가 들어가고 있는 상황이라 심각한 일이 벌어질 수도.. 있다. 후선언 가능예시1console.log(title);var title..
Promise 란?Promise 객체는 비동기 작업을 다루기 위해 만들어졌으며, 비동기 작업의 성공 혹은 실패 후 결과를 처리하기 쉽게 해준다. 또한 비동기 작업이 끝나고 실행할 콜백을 등록할 수 있는 메서드를 제공한다. Promise 객체가 탄생하기 전에는 비동기 처리를 위해 콜백함수를 사용했는데, 일명 콜백 헬로 불리는 문제로 인해 가독성이 나쁘고 에러 처리가 분산되고 흐름의 추적하기 어려워지는 등 불편함이 있었는데 이러한 불편함을 보완할 수 있는 것이 Promise 이다. Promise 상태Pending : 아직 대기 중인 상태Fulfilled : 비동기 작업이 성공적으로 완료된 상태이며, resolve 로 인해 pending 상태에서 fulfilled 상태로 변함Rejected : 비동기 작업이 ..
문제https://school.programmers.co.kr/learn/courses/30/lessons/12916 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 문제 이해주어진 문자열에 p 와 y 의 개수가 같은지 파악하면된다. 단, 대소문자는 구분 안한다. 풀이 방법두 가지 풀이 방법을 생각했다. 문자열 인덱스를 돌면서 p 이면 + y 이면 - 해서 연산한 결과가 0 이면 true 아니면 false문자열 인덱스를 돌면서 p 인 개수, y 인 개수 일일이 개수를 센다음 비교1번 방식이 더 심플해보여서 1번으로 방식으로 풀었다! 코드 설계- 문자열을 대문..
문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 코드풀이 1function solution(n) { let sum = 0; for (let i = 1; i 많은 사람들이 푼 방식이다. n 크기 만큼 반복문으로 약수 조건 확인하는 방식! 풀이 2const solution = (n) => Array.from({ length: n }, (_, i) => i + 1) .filter(i => n % i === 0) .reduce((sum, i) => sum + i, 0);Array 메서드를 사용하여 각 단계가 무엇을 하는지 명확하게 보..