Minji Log
close
프로필 배경
프로필 로고

Minji Log

  • 분류 전체보기 (65)
    • HTML&CSS (2)
    • Javascript (12)
    • Typescript (1)
    • React (6)
    • Next.js (2)
    • Node.js (2)
    • 코딩문제풀기 (20)
    • 기타 (1)
    • 🔥 프로젝트 (16)
    • 🐞 버그 모음 (2)
    • ✏️ 끄적끄적 (1)
  • 홈
  • 방명록
VScode live server 이슈

VScode live server 이슈

팀 프로젝트를 진행 중.. 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..

  • format_list_bulleted 🐞 버그 모음
  • · 2024. 8. 2.
  • textsms

[Javascript] let/const/ var

자바스크립트 변수를 선언하는 방법에는 var, let, const 3가지 방법이 있다. 이 세 가지에 대해 알아보자. varvar 은 예전부터 쓰이던 자바스크립트 변수 선언 방식이다. 그러다 보니 문제점도 많다..(?) 재선언 가능var title = "제목1";var title = "제목2";변수를 선언했는데 뒤에서 같은 변수명으로 또 선언이 가능하다. 이러한 특징은 협업할 때 문제가 생기기 십상이다. 누군가가 중요한 데이터를 넣을 변수를 선언했는데 다른 누군가가 같은 이름으로 변수를 선언하고 앞선 데이터와는 다른 데이터를 넣었다고 생각해 보자. 나중에 선언된 변수명에 데이터가 들어가고 있는 상황이라 심각한 일이 벌어질 수도.. 있다. 후선언 가능예시1console.log(title);var title..

  • format_list_bulleted Javascript
  • · 2024. 7. 29.
  • textsms

개인 정보 파일 생성 및 gitignore 파일에 추가

개인 정보라던가 어딘가에서 발급받은 key 같은 정보는 공개되지 않도록 미리 관리를 해주어야한다. 비밀 정보들을 관리하는 파일을 만들고, 그 파일이 깃이 인식하지 않도록 gitignore 에 추가해보자. 추가로 비밀 정보 파일의 값들을 다른 파일로 불러보자. 비밀 정보 파일 생성원하는 위치에 비밀 정보를 저장할 파일을 생성하자. 예를들어 config.js 파일을 생성한다. .gitignore 설정.gitignore 파일을 생성하고, 해당 파일에 config.js 파일을 적는다.# .gitignoreconfig.js 비밀 정보 추가config.js 파일에 비밀 정보를 추가한다. 아래 예시는 특정 key 를 저장한다고 가정한다.// config.jsexport const config = { apiKey: ..

  • format_list_bulleted 기타
  • · 2024. 7. 24.
  • textsms

Promise

Promise 란?Promise 객체는 비동기 작업을 다루기 위해 만들어졌으며, 비동기 작업의 성공 혹은 실패 후 결과를 처리하기 쉽게 해준다. 또한 비동기 작업이 끝나고 실행할 콜백을 등록할 수 있는 메서드를 제공한다. Promise 객체가 탄생하기 전에는 비동기 처리를 위해 콜백함수를 사용했는데, 일명 콜백 헬로 불리는 문제로 인해 가독성이 나쁘고 에러 처리가 분산되고 흐름의 추적하기 어려워지는 등 불편함이 있었는데 이러한 불편함을 보완할 수 있는 것이 Promise 이다. Promise 상태Pending : 아직 대기 중인 상태Fulfilled : 비동기 작업이 성공적으로 완료된 상태이며, resolve 로 인해 pending 상태에서 fulfilled 상태로 변함Rejected : 비동기 작업이 ..

  • format_list_bulleted Javascript
  • · 2024. 7. 24.
  • textsms

[프로그래머스/12916] 문자열 내 p와 y의 개수

문제https://school.programmers.co.kr/learn/courses/30/lessons/12916 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr  문제 이해주어진 문자열에 p 와 y 의 개수가 같은지 파악하면된다. 단, 대소문자는 구분 안한다. 풀이 방법두 가지 풀이 방법을 생각했다. 문자열 인덱스를 돌면서 p 이면 + y 이면 - 해서 연산한 결과가 0 이면 true 아니면 false문자열 인덱스를 돌면서 p 인 개수, y 인 개수 일일이 개수를 센다음 비교1번 방식이 더 심플해보여서 1번으로 방식으로 풀었다! 코드 설계- 문자열을 대문..

  • format_list_bulleted 코딩문제풀기
  • · 2024. 7. 22.
  • textsms

[프로그래머스/12928] 약수의 합

문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.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 메서드를 사용하여 각 단계가 무엇을 하는지 명확하게 보..

  • format_list_bulleted 코딩문제풀기
  • · 2024. 7. 21.
  • textsms
  • navigate_before
  • 1
  • ···
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • navigate_next
전체 카테고리
  • 분류 전체보기 (65)
    • HTML&CSS (2)
    • Javascript (12)
    • Typescript (1)
    • React (6)
    • Next.js (2)
    • Node.js (2)
    • 코딩문제풀기 (20)
    • 기타 (1)
    • 🔥 프로젝트 (16)
    • 🐞 버그 모음 (2)
    • ✏️ 끄적끄적 (1)
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바