전체 글

오류 상황 Netlify 배포 후 Page Not Found라는 창이 뜨고 웹사이트가 실행되지 않는 오류 바닐라JS 해결 나의 경우 바닐라 자바스크립트를 이용해 웹페이지 구축 중이었는데, index.html을 다른 이름으로 변경해버려서 문제가 생겼다. index.html을 다시 생성해 주었더니 문제가 해결되었다. netlify의 url로 들어가면 가장 먼저 index.html 파일을 띄워주기 때문에, index.html파일이 반드시 있어야 한다. React Router 아래 두 가지 방법 중 편한 방법을 선택하면 된다. 이후 프로젝트를 저장하고 재배포하면 오류가 사라질 것이다. 해결1 리액트 프로젝트의 public 폴더에 _redirects 파일을 생성한 뒤 파일 내에 다음 내용을 입력 /* /index..

오류 상황 미디어쿼리를 다음과 같이 작성했음에도 모바일 화면에 원하는 결과가 나오지 않는 오류 발생 @media screen and (min-width: 320px) and (max-width: 800px) { /*css코드*/ } 라는 오류가 발생하고 onclick이벤트가 동작하지 않는 오류 발생 해결 html의 안에 다음 코드를 추가한다. width=device-width: 화면의 넓이를 디바이스의 넓이로 지정 initial-scale=1: 초기 화면 배율 참고: https://hohoya33.tistory.com/127 CSS 미디어 쿼리 디바이스별 해상도 분기점 기본적으로 반응형웹을 적용하기 위해서 먼저 HTML head 부분에 meta viewport를 설정해주어야 합니다. width=devic..

오류 상황 자바스크립트 파일에 코드를 작성하고 run을 실행하니 Uncaught TypeError TypeError: Cannot set properties of null (setting 'onclick') 라는 오류가 발생하고 onclick이벤트가 동작하지 않는 오류 발생 해결 이와 같은 오류는 document.getElementById("아이디")요소를 찾지 못한다는 것을 의미한다. 다음 두 가지 사항을 살펴봄으로써 오류를 해결할 수 있다. "아이디"가 document에서 사용된 id가 맞는지 확인한다.("아이디"가 선언되어 있지 않거나, 오타가 발생했을 수 있으니 이를 살펴본다.) 자바스크립트 코드가 "아이디" 요소 존재 이전에 실행되는 경우 이와 같은 오류가 발생할 수 있다. ("아이디"를 포함하..

문제 주문서를 보고 번호를 입력하면, 해당 작업을 수행하는 카페 주문 프로그램을 작성 A. Menu Class "cafe.txt" 파일의 값을 초기값으로 받아 재고를 관리하는 클래스 - 변수 orderList: 메뉴 번호, 이름, 가격, 재고를 저장하는 변수 (Dictionary) total: 총 매출액 (int) - 함수 addMenu(f): cafe.txt를 입력받아 orderList에 주어진 값을 추가하는 함수 printMenu(): 메뉴 이름과 가격, 현재 재고 수량을 출력 B. Order Class 커피 메뉴를 주문하는 클래스 - 변수 orderResult: 주문 수량을 저장하는 변수 (List) - 함수 orderMenu(menuNum): 커피를 주문하는 함수 (*menuNum: 메뉴번호) 메..

문제 사용자에게 두 개의 정수를 입력받아 곱셈과정을 단계별로 출력하는 프로그램을 작성하라.(곱셈 단계별 숫자의 위치를 정확히 맞추어 출력) 예시) 🐍파이썬 코드 더보기 ❌실패한 코드 print('1. 1번째 n자리 정수 출력') a = int(input('n자리 정수를 입력하세요: ')) print('2. 2번째 n자리 정수 출력') b = int(input('n자리 정수를 입력하세요: ')) print('3. 곱셈 결과 출력') #두 수의 곱셈 결과를 담은 리스트 resultList = list(str(abs(a * b))) #두 수의 곱셈 결과를 담은 리스트 aLength = len(str(abs(a))) bLength = len(str(abs(b))) bList = list(str(abs(b))) ..

문제 https://school.programmers.co.kr/learn/courses/30/lessons/120875 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 🐍파이썬 def solution(dots): if (dots[0][1] - dots[1][1]) / (dots[0][0] - dots[1][0]) == (dots[2][1] - dots[3][1]) / (dots[2][0] - dots[3][0]) or (dots[0][1] - dots[2][1]) / (dots[0][0] - dots[2][0]) == (dots[1][1] - dots[3..

문제 https://school.programmers.co.kr/learn/courses/30/lessons/42583 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 🐍파이썬 더보기 ❌ 실패한 코드 from collections import deque def solution(bridge_length, weight, truck_weights): answer = 0 truck_weights = deque(truck_weights) ing = deque(0 for i in range(bridge_length)) while ing: answer += 1 ing...

문제 https://school.programmers.co.kr/learn/courses/30/lessons/17686 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 🐍파이썬 def solution(files): answer = [] head = '' number = '' tail = '' for i in files: for j in range(len(i)):#파일의 문자를 하나씩 확인 if i[j].isdigit():#숫자가 나오면 head = i[:j]#숫자 앞까지 끊어서 head number = i[j:]#숫자부터는 number for k in ra..

[프로그래머스 | 파이썬 / 자바스크립트] [1차] 뉴스 클러스터링(2018 KAKAO BLIND RECRUITMENT/ level 2) 🐍 파이썬 | re 모듈 정규식을 사용하기 위한 모듈 findall(정규식 패턴, 문자열) 정규식 패턴에 맞는 문자열을 모두 찾아서 리스트로 반환 🐍파이썬| Count 객체 중복된 데이터가 저장된 배열을 인자로 넘기면 각 원소가 몇 번씩 나오는지 저장된 객체를 반환 Counter(["a", "b", "c", "a", "a", "b"]) # Counter({'a': 3, 'b': 2, 'c': 1}) 참고: https://www.daleseo.com/python-collections-counter/ 🐥 자바스크립트 | substr() 문자열에서 특정 위치에서 시작하여 특..