[React] devTool의 Network창에서 'You need to enable JavaScript to run this app.' 메시지 없애기
·
Trouble Shooting
Chrome의 개발자 도구의 Network 탭에서 Preview를 보는데 위와 같은 메시지가 나왔다. 이는 public안의 index.html의 내용 중에 이 내용이 있기 때문이다. 이를 없애주면 더이상 저 문구가 뜨지 않는다!
[PowerShell][VSCode] 이 시스템에서 스크립트를 실행할 수 없으므로 ..
·
Trouble Shooting
리액트 새 프로젝트를 만들기 위해 Visual Studio Code 터미널에서 create-react-app을 했는데 갑자기 오류가 발생했다. create-react-app : 이 시스템에서 스크립트를 실행할 수 없으므로 파일을 로드할 수 없습니다. ... 이는 스크립트 실행 권한이 제한되어 있는 상태이기 때문이다. 스크립트 실행 권한을 변경하기 위해서는 Windows PowerShell을 이용해 변경해주어야 한다. 해결 방법 1. Windows PowerShell을 관리자 권한으로 실행 2. 권한 설정 > Set-ExecutionPolicy RemoteSigned > [A] 모두 예 실행 정책 Restricted: 기본 실행 정책. 서식 지정 및 구성 파일(.ps1xml), 모듈 스크립트 파일(.psm..
[자료구조][JS] 삽입 정렬(Insertion Sort)
·
Algorithm/Data Structure, Algorithm
삽입 정렬(Insertion Sort)이란? 두 번째 자료부터 시작하여 그 앞(왼쪽)의 자료와 비교해 삽입할 위치를 결정하는 알고리즘 즉, 두 번째 자료는 첫 번째 자료와, 세 번째 자료는 두 번째와 첫 번째 자료와 비교를 해 삽입될 위치를 찾는다. 위치를 찾았다면 그 위치에 자료를 삽입하기 위해 자료를 한 칸씩 뒤로 이동시킨다. 처음 Key값은 두 번째 자료부터 시작한다. 예시 배열에 3, 7, 2, 5, 1, 4가 있다고 가정하고 자료를 오름차순으로 정렬해보자. 1. key: 7(두 번째 자료). 첫 번째 값인 3과 비교한다. 2. key: 2(세 번째 자료). 두 번째 값인 7과 비교해 7을 한 칸 뒤로 이동한다. 첫 번째 값인 3과 비교하고 3을 한 칸 뒤로 이동한다. 2를 첫 번째 자리에 넣는다..
[JS] LeetCode - 2. Add Two Numbers
·
Algorithm/Problem Solving
https://leetcode.com/problems/add-two-numbers/ Add Two Numbers - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com 문제 You are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order, and each of their nodes contains a single dig..
[VSCode] VSCode 갑자기 실행이 안될 때 해결하기
·
Trouble Shooting
Visual Studio Code를 눌러도 계속 아무 일이 일어나지 않았다! 갑자기 왜 이러는건지 잘 모르겠지만 아마 저번에 PC를 종료시킬 때 VSCode가 종료가 덜 된 상태였는데 그냥 꺼져서 문제가 생긴 것 같기도 하고.. 해결방법을 찾아보니 그냥 다시 설치하면 된다고 한다. 기존에 존재하던 건 놔두고 그냥 덮어서 설치했다. 재설치하고 나니 실행도 되었고 Extension들도 잘 있었다! VSCode 설치하기 https://code.visualstudio.com/
[HTML] HTML img 태그에 alt 속성값을 넣어줘야 하는 이유
·
FE/HTML, CSS
새 프로젝트의 html을 짜기 위해서 다른 웹사이트들의 html 구조를 살펴보고 있었는데 보통 태그 안에 태그를 넣고 거기에 alt 속성값을 적어놓은 것을 발견했다. 전에는 alt는 써본적이 없었기 때문에 굳이 왜 써주는 것인지 찾아보았다. 보통 이미지 태그는 아래와 같다. 먼저 img폴더 안에있는 google.png파일을 불러왔고, alt로 로고라는 설명을 덧붙였다. 이번에는 이미지 경로를 틀린 경로로 바꿔보았다. 이미지가 깨졌지만 alt 속성에 써놓은 "로고"라는 텍스트가 나오는 것을 볼 수 있다. 이처럼 만약 서버에 문제가 생겼다든지 이미지에 문제가 있을 경우 이미지가 엑박으로 뜰 수 있다. 이 때 이미지 대신 해당 메뉴가 무엇인지 알 수 있게 해주는 것이 alt 속성이다. (그리고 이 alt값은 ..
[VSCode] html 자동완성이 안될 때 해결하기
·
Trouble Shooting
문제 원래 vscode에서 빈 html파일에서 ! -> Tab을 해주면 기본 형식이 자동으로 완성되는 기능이 있는데, 갑자기 되지 않는다. 해결 맨 아래 오른쪽에 보니 Django HTML로 되어있었다. 클릭해서 그냥 html로 바꿔주면 된다. html을 입력한 후 선택해주면 바뀐 것을 확인할 수 있다. !를 입력하고 Tab을 누르면 정상적으로 생성되는 것을 확인할 수 있다. (+ 이 때. 부분을 "ko"로 바꿔주면 오류가 날 확률이 적다고 합니다! )
[JS] 봉우리
·
Algorithm/Problem Solving
문제 지도 정보가 N*N 격자판에 주어진다. 각 격자에는 그 지역의 높이가 쓰여있고, 각 격자판의 숫자 중 자신의 상하좌우 숫자보다 큰 숫자는 봉우리 지역이다. 봉우리가 몇 개 있는지 알아내는 프로그램을 작성하시오. (1= 0 && ny = arr[i][j] ) { flag = 0; break; } } if (flag) answer++; } } return answer; } arr = [ [5, 3, 7, 2, 3], [3, 7, 1, 6, 1], [7, 2, 5, 3, 4], [4, 3, 6, 4, 1], [8, 7, 3, 5, 2], ]; arr[i][j]의 상하좌우를 확인하기 위해서 dx, dy 배열을 선언해주고 [i-1][j], [i][j+1], [i+1][j]..
[JS] 일곱 난쟁이
·
Algorithm/Problem Solving
문제 아홉 난쟁이 모두가 자기가 일곱 난쟁이라고 주장한다. 일곱 난쟁이의 키의 합이 100이고 아홉 난쟁이의 키가 주어졌을 때, 그 중 일곱 난쟁이를 찾는 프로그램을 작성하시오. (아홉 난쟁이의 키는 모두 다르며, 가능한 정답이 여러 가지인 경우 아무거나 출력) 입력 예제 20 7 23 19 10 15 25 8 13 출력 예제 20 7 23 19 10 8 13 정답 function solution(arr) { let answer = arr; let sum = answer.reduce((a, b) => a + b, 0); for (let i = 0; i < 8; i++) { for (let j = i + 1; j < 9; j++) { if (sum - (answer[i] + answer[j]) == 100..
[JS] LeetCode - 53. Maximum Subarray / 카데인 알고리즘(Kadane's Algorithm)
·
Algorithm/Problem Solving
Maximum Subarray - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com 문제 Given an integer array nums, find the contiguous subarray (containing at least one number) which has the largest sum and return its sum. A subarray is a contiguous part of an array. Input, Output 예시 Input: nums =..