본문 바로가기

분류 전체보기

 (114)
CRUD 개념 C (Create - 생성)R (Read - 읽기)U (Update - 갱신)D (Delete - 삭제) 웹 개발에서 가장 기본적인 개념대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능을 의미! ■ CRUD 예시온라인 쇼핑앱 사용자의 경우Create사용자가 새로운 제품을 추가Read표시할 제품 정보를 검색Update제품 가격을 변경Delete 제품을 더이상 판매하지 않는 경우 삭제댓글의 경우Create댓글 작성Read댓글 조회Update댓글 수정Delete댓글 삭제 ■ CRUD 요약 정리Create : 데이터베이스 or API 와 같은 데이터 스토리지 시스템에 새 데이터를 추가Read : 데이터 스토리지 시스템에서 데이터를 검색하고 표시Update : 데이터 스토리지 시스템의 기존 데이터를 ..
git pull 오류 팀원이 올린 코드를 pull 하는 과정에서 에러가 발생했다. 에러가 발생한 로컬 터미널 화면뚜니@Pen-S MINGW64 ~/Desktop/whoareyou (master)$ git pull origin mainFrom * branch main -> FETCH_HEADUpdating 57e8087..a98c55berror: Your local changes to the following files would be overwritten by merge: index.htmlPlease commit your changes or stash them before you merge.Aborting 구글링한 결과, stash 명령어로 내 코드를 임시로 다른 장소에 두고 p..
Git & Github ■  윈도우 사용자는 터미널을 git bash or bash 로 열기 !! (git 을 설치해야 열 수 있음) ■ 필수 리눅스 명령어  * 리눅스 : 컴퓨터 운영 체제, 커널  * ~ : 홈이라는 경로, Desktop 보다 더 상위의 폴더pwd현재 내가 작업하는 폴더 (현 위치)ls내 폴더 안에 있는 폴더&파일 내역을 보여줌 (목록)ls -a숨겨진 파일(. 으로 시작)도 모두 볼 수 있음 (상세정보)cd 폴더명Desktop 내 다른 폴더로 이동 (폴더 더블클릭해서 들어간 것 같은)cd 폴더명/폴더명폴더명/폴더명으로 한번에 깊이 이동cd ..상위 폴더로 이동mkdir폴더 생성touch파일 생성, 날짜, 시간 변경 ■ Git코드의 변경점을 기록 ■ Github온라인 백업, 공유, 협업 (온라인 코드 저장소)..
숫자 기억 게임 만들기 숫자를 기억하고 맞추는 숫자 기억 게임 만들기1. 시작 버튼 클릭 시 1000 ~ 9999의 숫자를 무작위로 나타내기. 이때, 3초 뒤에 숫자가 다시 사라짐2. 사용자가 숫자를 입력하고, 제출 버튼을 통해 정답 유무를 확인3. 정답 시 “정답입니다!” 노출4. 오답 시 “오답입니다. 정답은 [정답숫자]입니다.” 노출 ⌨️ 내가 작성한 코드 ● HTML 숫자 기억 게임 시작 제출  ● CSS* { font-family: "Noto Sans KR", sans-serif; font-optical-sizing: auto; font-weight: weight; font-styl..
Random number (난수 만들기) Math.random0 이상 1 미만의 부동소수점 난수를 생성 Math.floor소수점 1번째 자리를 버림하여 정수를 리턴 Math.floor(Math.random());결과는 언제나 0   최솟값은 포함하지만 최댓값은 제외한 경우function randomNumber(min, max) {return Math.floor(Math.random() * (max - min) + min);} 최솟값과 최댓값을 모두 포함하는 경우 function randomNumber(min, max) {return Math.floor(Math.random() * (max - min + 1) + min);} 1000 ~ 9999 범위에서 무작위로 숫자를 나타나게 하기function randomNumber() {return Mat..
콘솔 적극 활용하기 - 특수문자를 활용한 강아지 출력 console.log 로 특수 문자를 출력하여 강아지를 그립니다.그림에 대한 설명도 출력합니다.그림에 대한 경고 메시지도 추가합니다.오류 메시지도 출력합니다.마지막으로, 강아지를 그리는 데 걸린 시간을 출력합니다. ⌨️ 내가 작성한 코드  🐶 내가 만든 결과물 🔎 검색한 내용 키보드에서 백슬래시를 찾을 수 없어서 구글에 검색해보니, 키보드 백스페이스 밑에 있는 ￦ 원화 표시가 백슬래시 라고 한다.구글 크롬 콘솔창에서 원화 표시를 눌렀을 때 백슬래시로 나오지 않고, ￦ 표시가 나와서 다시 찾아보니 설정되어있는 글꼴에 따라 다르게 보이는 것으로 이해했다.slack 채팅방과 tistory 에서는 또 \ 백슬래시 표시로 나온다 :)사용하는데 지장은 없는걸로! 📝 메모콘솔에서 여러 줄 코드 입력 시 shif..
React 트랙을 신청한 이유 1. 내가 React 트랙에 참여한 계기는 무엇인가요?해당 트랙에 참여하기 전 어떤 트랙을 선택해야 할 지 많이 고민이 되었다.여유를 두고 생각해보니 나는 보이는 것에 더 신경을 쓰는 타입인듯 하고, 개발에 처음 입문하는 사람으로써 구현하고자 하는 것이 화면에 바로 보이는 편이 더욱 흥미있게 꾸준히 할 수 있을 것 같아 React 트랙에 참여하게 되었다. 2. 내가 이해한 개발자는 어떤 역할을 하는 사람인가요?아직 구체적으로 이해하진 못했지만 대략적으론.. 사용자의 편의를 위한 시스템을 개발하는 사람 3. 개발을 경험해보셨나요? 해보셨다면 어떤 경험을 하셨는지를 작성해주시고, 아니라면 개발에 대해 찾아본 것을 작성해주세요.X.. 개발자는 어떤일을 하는지, 적성과 같은 내용을 유튜브에서 찾아봤었고, 워홀을..
var, let, const 변수 선언 시 기본적으로 const 사용 (원시 값, 객체 const 사용)let 은 재할당 필요시 한정해 사용 (이때 변수의 스코프는 최대한 좁게) ·  const 는 의도치 않은 재할당을 방지하기 때문에 좀 더 안전 ·  재할당이 필요할 때 그때 const 를 let 으로 변경해도 늦지 않음! const 로 선언된 변수에 원시 값을 할당한 경우 값을 변경할 수 없다. 그러나 객체를 할당한 경우 값을 변경할 수 있다.(왜? 원시값(변경 불가능한 값)은 재할당 없이 변경할 수 있는 방법이 없지만 객체(변경 가능한 값)는 재할당 없이도 직접 변경이 가능하므로!) const 키워드는 재할당을 금지할 뿐 불변을 의미하지는 않는다.객체가 변경되더라도 변수에 할당된 참조 값은 변경되지 않는다.ES6 사용시 var..

티스토리툴바