전체보기

Front-End/JavaScript

[JavaScript] 자바스크립트 변수 여러 개 한 줄에 선언하기

간단한 코드를 작성하던 중, 변수 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 p, y = 0; for(let i of str) { c..

Front-End/JavaScript

[JavaScript] Uncaught ReferenceError: Cannot access 'X' before initialization

오류 발생 경로 // 입력값 받기 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 또는 co..

Diary/WhatILearned

[항해99 / 온보딩주차] 🚢 23-03-27 ~ 23-04-02 WIL

한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 미니 프로젝트 잘 끝내기 🤔 Aws Elastic Beanstalk 으로 프로젝트 배포하기 😎 항해 14기 입학시험 통과하기 ✅ 미니 프로젝트 잘 끝내기 이번 주 월요일부터 목요일까지는 온보딩 때 수강했던 웹개발종합반을 기반으로 풀스택 미니 프로젝트가 진행됐다. 월요일 15시부터 시작해 목요일 18시에 소개 영상 제작 및 발표 준비까지 마치는 일정이었다. 우리 조는 다들 열정 있고 의사소통이 잘되어서 첫날에 주제 선정, 구현할 기능 선별, 디자인 시안까지 모두 마칠 수 있었다. 이튿날부터 본격적인 개발을 시작하기로 했는데, 짧은 기간 내에 기능을 완성하는게 제일 우선이었기 때문에 그나마 코드가 덜 낯선 내가 초기 세팅을 빨리 마치고 다 같이 기..

Etc.

[코딩애플 / git] git & github(6)_stash 사용법

📚 코딩애플의 '매우 쉽게 알려주는 git & github'을 수강하며 배우거나 추가적으로 찾아본 것들을 정리한 내용입니다. git stash? 현재 작업 중인 코드를 어떠한 이유로 잠시 '보관'해야 하지만 'commit'까지는 부담스러울 때, 커밋하지 않아도 나중에 다시 돌아와서 작업을 이어갈 수 있도록 git stash 명령어를 사용할 수 있다. git stash 사용법 # 파일들을 최근 commit상태로 돌리면서, 아직 커밋하지 않은 코드는 임시보관하기 git stash # stash할 때 메모도 같이 입력하기 git stash save "메모" # stash 되어있는 코드 목록을 전부 출력하기 git stath list git stash를 사용하는 이유 코드를 주석처리해 두는 것과 비슷한데, 주석..

Etc.

[코딩애플 / git] git & github(5)_branch 사용법

📚 코딩애플의 '매우 쉽게 알려주는 git & github'을 수강하며 배우거나 추가적으로 찾아본 것들을 정리한 내용입니다. 브랜치(branch)를 사용한다는 것은? branch의 뜻은 나뭇가지, 또는 갈라지다이다. git에서 프로젝트의 주축이 되는 메인 브랜치를 나무의 기둥으로 표현한다면, 그것을 기반으로 추가 기능 또는 작업 영역을 만들 때 나뭇가지가 뻗어나가듯 브랜치를 사용한다. git의 공식문서에서는 브랜치를 다음과 같이 설명하고 있다. 모든 버전 관리 시스템은 브랜치를 지원한다. 개발을 하다 보면 코드를 여러 개로 복사해야 하는 일이 자주 생긴다. 코드를 통째로 복사하고 나서 원래 코드와는 상관없이 독립적으로 개발을 진행할 수 있는데, 이렇게 독립적으로 개발하는 것이 브랜치이다. 왜 브랜치를 사..

Back-End/Python

[Python] pymongo.errors.ServerSelectionTimeoutError

오류 발생 경로 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..

Back-End/Python

[Python] 파이썬에서 config.json 만들어 관리하기

왜 config.json을 사용하고자 하는가? 지난주 노마드코더 복습 글에서도 적었듯, API나 토큰, 개인 URL은 타인에게 노출되면 예상치 못한 보안 이슈가 발생할 수 있다. 이번 주는 Python과 mongoDB, JS를 이용해 간단한 미니 프로젝트를 진행하고 있는데, 우리 조가 사용하는 몽고DB url을 github에 올리고 싶지 않았다. 정확히는 URL에 해당 DB의 아이디와 패스워드가 적혀있기 때문에! 따라서 별도의 파일에 해당 데이터를 넣어 관리할 방법을 찾아보았고, 숨김처리할 데이터가 몇 개 없는 현재 상황에서는 config.json이 적합하다고 생각했다. python에서 config.json 사용하는 법 1. config.json 파일을 만든다. config.json 파일을 만들어 노출하..

Etc.

[코딩애플 / git] git & github(4)_push, clone, pull, fetch 사용법

📚 코딩애플의 '매우 쉽게 알려주는 git & github'을 수강하며 배우거나 추가적으로 찾아본 것들을 정리한 내용입니다. 내 코드를 github에 올리기 repository git이 파일 버전을 저장해두는 장소를 repository라고 한다. 로컬 작업 폴더엔 숨겨진 .git 폴더가 있는데 그것이 repository이다. 실제로 개발할 땐 온라인 repository를 많이 사용한다. (내 컴퓨터에서 만들어둔 저장소를 백업!) push : 로컬 저장소에서 원격 저장소로 옮기기 git push -u 원격저장소주소 main # 원격저장소에 특정 브랜치 푸시하기 git switch 푸시할브랜치명 git push origin 푸시할브랜치명 #origin 안될경우 원격레포주소.git 로컬저장소의 main 브랜치..

Etc.

[코딩애플 / git] git & github(3)_restore, revert, reset 사용법

📚 코딩애플의 '매우 쉽게 알려주는 git & github'을 수강하며 배우거나 추가적으로 찾아본 것들을 정리한 내용입니다. 실수했을 때 되돌아가는 3가지 방법 commit 고유 id 확인하기 git log --online git restore # 파일 하나를 최근 commit된 상태로 되돌리기 git restore 파일명 # 입력한 파일을 특정 커밋아이디 시점으로 복구하기 git restore --source 커밋아이디 파일명 # 그냥 참고!, 특정 파일 staging 취소하기 git restore --staged 파일명 파일 하나가 잘못되었을 경우 ctrl + z를 여러 번 눌러도 되지만 수정 사항이 너무 많다면 위의 명령어 하나로 처리할 수 있다. id 입력 없이 일반적인 방법으로 restore를 ..

Diary/WhatILearned

[항해99 / 온보딩주차] 🚢 23-03-20 ~ 23-03-26 WIL

한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 바닐라JS로 기능 실습해보기 🤔 코딩테스트 문제 매일 1-2개씩 풀기 😎 공부한 것들은 꼭 기록하기 😎 '오늘 이것만큼은 꼭 해낼 것' 정하고 노력하기 ✅ 바닐라JS로 기능 실습해 보기 지난주부터 수강 중인 강의에 jQuery가 나오는 부분은 모두 JavaScript로 바꿔보면서 공부를 진행했다. 제이쿼리가 간편하긴 하지만 자바스크립트를 사용했을 때 직접 요소를 골라서 어떻게 처리할지 더 자세히 작성하는 느낌이라, 그만큼 코드가 길어지긴 하지만 재밌었다. 이번 주는 바닐라JS 강의 중에서 자주 추천받았던 노마드코더의 크롬 앱 클론코딩 강의를 수강했다. 해당 강의는 이벤트를 걸 때 왜 EventListener인지, JS가 해당 코드를 어떻게 접근..

Olivia Kim
'분류 전체보기' 카테고리의 글 목록 (8 Page)