문제 컴퓨터는 0과 9 사이의 서로 다른 숫자 3개를 무작위로 뽑습니다. ex. 123, 579 사용자는 컴퓨터가 뽑은 숫자를 맞추기 위해 시도합니다. 컴퓨터는 사용자가 입력한 세 자리 숫자에 대해서, 아래의 규칙대로 스트라이크(S)와 볼(B)을 알려줍니다. - 숫자의 값과 위치가 모두 일치하면 S - 숫자의 값은 일치하지만 위치가 틀렸으면 B 기회는 무제한이며, 몇 번의 시도 후에 맞췄는지 기록됩니다. 숫자 3개를 모두 맞춘 경우 게임을 종료합니다. 조건문, 반복문을 활용하여 해결합니다. 진행 방식 컴퓨터가 숫자를 생성하였습니다. 답을 맞춰보세요! 1번째 시도 : 134 0B0S 2번째 시도 : 238 1B1S 3번째 시도 : 820 2B1S 4번째 시도 : 028 3B 5번째 시도 : 280 3S 4..
프로젝트 소개 프로젝트 명 DevView 기획 의도 개발자 취준생들이 서로 추천하는 개발 관련 유튜브 링크를 아카이브하고 모아볼 수 있는 웹을 만들고자 했다. 프로젝트 설명 프로젝트 기간 2023-03-27 15:00 ~ 2023-03-30 18:00 사용 기술 온보딩주차 필수 강의였던 웹개발종합반에서 실습했던 것들 위주로 사용하였다. Design Figma Front-end HTML, CSS, JavaScript Back-end Flask, MongoDB 구현하고자 한 기능 / 구현하지 못한 기능 기능 스코프 개발 여부 메인화면 1차 ⭕ 네비게이션바 1차 ⭕ 글 작성 1차 ⭕ 상세페이지 리스트 조회 1차 ⭕ 상세페이지 검색기능 2차 ⭕ 상세페이지 댓글 1차 ❌ 상세페이지 별점 조회 2차 ❌ 상세페이지 ..
작성한 코드 및 오류 내역.itemDesc h1 { font-size: 32px; margin-bottom: 15px;}.itemDesc p { margin: 10px 0; font-size: 14px; color: #737373;} 위 아래로 나란히 있는 h1과 p에게 각각 margin-bottom을 15px, margin top&bottom을 10px씩 부여했다. 그런데 작업한 화면을 검토해보니 코드에 작성한 margin값이 의도대로 적용되지 않고 있었다. 개발자도구로 확인해보니 h1과 p의 margin이 겹쳐져 있는 것을 확인할 수 있었다. 이유는 마진 상쇄(겹침) 현상 때문이었다. 마진 상쇄 현상이란?마진 상쇄는 어떤 두 개 이상 블록 요소의 위 아래 마진이 겹칠 때, 어느 한쪽..
간단한 코드를 작성하던 중, 변수 x와 y를 선언 시 동일한 값을 할당할 것이기 때문에 한 줄에 짧게 작성할 수 있는지 궁금해졌다. 1) let p, y = 0 ❌function solution(s){ const str = s.toLowerCase(); let p, y = 0; for(let i of str) { if(i === 'p') p++; if(i === 'y') y++; } return p === y ? true : false;} 위의 코드를 실행했을 때 p값이 제대로 담기지 않아 for문 안에 console.log을 넣어 확인해 보았다. function solution(s){ const str = s.toLowerCase(); ..
오류 발생 경로// 입력값 받기let value = prompt('답을 맞춰보세요!');if(value === '' || value === null) alert('입력된 값이 없습니다.');else numberBaseball(value);// 입력값 콘솔에 찍기const numberBaseball = value => { console.log(value)}; 위와 같이 코드를 작성한 후 prompt에 값을 입력했을 때, numberBaseball 함수에서 value값이 콘솔에 찍히지 않고 아래와 같은 오류가 발생했다. 오류 내역Uncaught ReferenceError: Cannot access 'numberBaseball' before initialization 오류 원인let 또는 const로..
한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 미니 프로젝트 잘 끝내기 🤔 Aws Elastic Beanstalk 으로 프로젝트 배포하기 😎 항해 14기 입학시험 통과하기 ✅ 미니 프로젝트 잘 끝내기 이번 주 월요일부터 목요일까지는 온보딩 때 수강했던 웹개발종합반을 기반으로 풀스택 미니 프로젝트가 진행됐다. 월요일 15시부터 시작해 목요일 18시에 소개 영상 제작 및 발표 준비까지 마치는 일정이었다. 우리 조는 다들 열정 있고 의사소통이 잘되어서 첫날에 주제 선정, 구현할 기능 선별, 디자인 시안까지 모두 마칠 수 있었다. 이튿날부터 본격적인 개발을 시작하기로 했는데, 짧은 기간 내에 기능을 완성하는게 제일 우선이었기 때문에 그나마 코드가 덜 낯선 내가 초기 세팅을 빨리 마치고 다 같이 기..
📚 코딩애플의 '매우 쉽게 알려주는 git & github'을 수강하며 배우거나 추가적으로 찾아본 것들을 정리한 내용입니다. git stash? 현재 작업 중인 코드를 어떠한 이유로 잠시 '보관'해야 하지만 'commit'까지는 부담스러울 때, 커밋하지 않아도 나중에 다시 돌아와서 작업을 이어갈 수 있도록 git stash 명령어를 사용할 수 있다. git stash 사용법 # 파일들을 최근 commit상태로 돌리면서, 아직 커밋하지 않은 코드는 임시보관하기 git stash # stash할 때 메모도 같이 입력하기 git stash save "메모" # stash 되어있는 코드 목록을 전부 출력하기 git stath list git stash를 사용하는 이유 코드를 주석처리해 두는 것과 비슷한데, 주석..
📚 코딩애플의 '매우 쉽게 알려주는 git & github'을 수강하며 배우거나 추가적으로 찾아본 것들을 정리한 내용입니다. 브랜치(branch)를 사용한다는 것은? branch의 뜻은 나뭇가지, 또는 갈라지다이다. git에서 프로젝트의 주축이 되는 메인 브랜치를 나무의 기둥으로 표현한다면, 그것을 기반으로 추가 기능 또는 작업 영역을 만들 때 나뭇가지가 뻗어나가듯 브랜치를 사용한다. git의 공식문서에서는 브랜치를 다음과 같이 설명하고 있다. 모든 버전 관리 시스템은 브랜치를 지원한다. 개발을 하다 보면 코드를 여러 개로 복사해야 하는 일이 자주 생긴다. 코드를 통째로 복사하고 나서 원래 코드와는 상관없이 독립적으로 개발을 진행할 수 있는데, 이렇게 독립적으로 개발하는 것이 브랜치이다. 왜 브랜치를 사..
오류 발생 경로 app.py에 mongoDB의 경로, 아이디, 패스워드까지 제대로 입력했음에도 불구하고 다음과 같은 에러가 발생했다. 오류 내역 pymongo.errors.ServerSelectionTimeoutError: ac-offmh0k-shard-00-02.grjwzgf.mongodb.net:27017 : [SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed: unable to get local issuer certificate (_ssl.c:1108), ac-offmh0k-shard-00-00.grjwzgf.mongodb.net:27017 : [SSL: CERTIFICATE_VERIFY_FAILED] certificate verify faile..
왜 config.json을 사용하고자 하는가?지난주 노마드코더 복습 글에서도 적었듯, API나 토큰, 개인 URL은 타인에게 노출되면 예상치 못한 보안 이슈가 발생할 수 있다. 이번 주는 Python과 mongoDB, JS를 이용해 간단한 미니 프로젝트를 진행하고 있는데, 우리 조가 사용하는 몽고DB url을 github에 올리고 싶지 않았다. 정확히는 URL에 해당 DB의 아이디와 패스워드가 적혀있기 때문에! 따라서 별도의 파일에 해당 데이터를 넣어 관리할 방법을 찾아보았고, 숨김처리할 데이터가 몇 개 없는 현재 상황에서는 config.json이 적합하다고 생각했다. python에서 config.json 사용하는 법1. config.json 파일을 만든다.config.json 파일을 만들어 노출하지..
