전체 글72 개발일기3 - 자바스크립트 쿼리셀렉터로 html 요소 불러오기 자바스크립트에서 html의 요소를 제어하기 위해서 사용하는 것이 바로 querySelector 이다. querySelector를 사용해 자바스크립트에 연결하면 html을 작성하지 않더라도 브라우저에 나타나게 할 수 있다. Problem html 코드 // 추가 js 코드 const quote = document.querySelector("#quote span:first-child"); const korean = document.querySelector("추가"); const author = document.querySelector("#quote span:last-child"); 강의에서는 first-child와 last-child만 나왔지만 한국어 해석도 넣어주기 위해 한 줄을 더 추가하였다. TRY (.. 2023. 6. 23. 이노베이션 캠프 - WIL(1주차) Fact : 이번주 있었던 일, 내가 한 일 이번 주는 자바스크립트의 문법을 하나하나 정리해 보았다. 예전 코드스테이츠에서 마지막 프로젝트를 진행하면서 자바스크립트 문법이 많이 부족하다는 것을 느꼈다. 그 때 부족함을 느꼈기 때문에 이번 이노베이션 캠프에서는 자바스크립트를 사용하는 것에 어려움이 없도록 만드는 것이 목표 중 하나다! 따라서 문법을 배우면서 아무리 내가 알던 것이어도 하나하나 다시 보는 것을 목표로 잡았다. 예를 들어 자바스크립트의 ES5에서는 var를 사용해 선언하여 재선언과 재할당이 가능했지만 ES6에서는 let과 const를 사용해 선언하여 let은 재선언 할 수는 있지만 재할당 할 수는 없고, const는 재선언과 재 할당이 불가능 해서 한다 재할당이 불가능한 변수에는 let보다는 .. 2023. 6. 19. 이노베이션 캠프 - WIL(0주차) 조금 늦은 WIL. 이번주는 팀 프로젝트를 진행하였다. 웹종합반을 완강한 기념으로 자바스크립트로 CRUD를 하기로 하였다. 웹종합반에서는 Get과 Post만 배웠다. 우리 팀이 선택했던건 Todo List. 사실 다른 프로젝트에 비해서 간단해 보이지만 Todo List는 CRUD 모두 경험해 볼 수 있는 좋은 프로젝트이다. 이번주 공부하며 느낀점. 셋팅하는 시간을 제외하고 2일. 거기다 우리팀은 에러란 에러를 다 만나 개발을 시작한 시간이 24시간도 안된다. 밤을 세자는 목표를 잡았지만 결국 내가 맡은 수정 기능을 완성하지 못하고 배포하게 되었다. 순수 자바스크립트로는 수정 기능을 처음 해봤고, 서버까지 만드는건 더더욱 처음이라 시간이 모자랐다. 아니 내 실력 부족이다.🥲 개발 공부를 하면서 느낀게 좋은.. 2023. 6. 14. 개발일기2 - 숫자 야구 게임 오늘 이노캠에서 숫자야구 게임을 만들었다. 0-9까지의 숫자 3개를 입력하면 랜덤으로 생성된 숫자3개와 비교하여 숫자와 자리 모두 같으면 S를 숫자는 같지만 위치가 다르면 B를 숫자와 위치 모두 다르면 O를 출력한다. 기회는 무제한이며, n번의 시도 후에 맞췄는지 기록됩니다. 숫자 3개를 모두 맞춘 경우, 게임을 종료합니다. = 3S 일 때 종료 Problem 솔직히 처음에는 입출력을 확인할 수 있는 방법을 알려주지 않아서 당황했다. 자바스크립트로 코드를 짜는 것은 어렵지 않았지만 입출력을 통해 결과가 잘 나오는지, 내가 짠 코드에 이상은 없는지 확인해야 했는데 그 과정이 쉽지 않았다. TRY (1) HTML로 확인하기 내가 알고 있는 방법은 입력을 해야 하니까 html에서 값을 입력한 후 제대로 입출력.. 2023. 6. 14. code .가 안될 때 + EACCES: permission denied, unlink '/usr/local/bin/code' 폴더에서 터미널을 열고 'code .' 를 입력하면 바로 vs code로 넘어간다. 처음에는 파일이나 폴더가 얼마 안되서 파일 열기를 눌러 사용했었는데 이제는 없어서는 안되는 명령어이다! 그런데 어느날부터 이런 에러가 나오면 바로 연결되지 않았다.😳 zsh: command not found: code 생각해보면 노트북을 백업하면서 vscode도 새로 깔았는데 이때 경로 설정을 다시 해주지 않아서였다. [code .가 안될 때 해결 방법] 1. vscode 실행하기 2. 팔레트 열기 mac: cmd + shift + p window: ctrl + shift + p 3. shell command 를 입력하고 install 하기 4. vscode 껐다 키기 [ EACCES: permission denied, .. 2023. 6. 10. mongoDB 데이터 연결하기 + 데이터 연결 안되는 사람? 🙌 (mac) 데이터 연결이 안되는 경우 아래로! mongoDB 연결 하는 방법 1. mongoDB 회원가입하기 아래 주소로 회원가입(구글)하기 https://account.mongodb.com/account/register Cloud: MongoDB Cloud account.mongodb.com 2. 데이터 베이스 만들기 (1) 'Build a Database' 버튼 클릭하기 (2) 요금제 선택하기(free선택) (3) aws, region(서울) 선택하고 creat 버튼 누르기 (4) user name과 pass word 설정하기(⭐️잊지 않도록 주의⭐️) (5) 서버는 0.0.0.0 에 넣고 add하기 (6) Go to Database 클릭 (7) 완성 3. 데이터 잘 들어오는지 확인하기 (1)create 클릭 .. 2023. 6. 6. 이전 1 2 3 4 5 ··· 12 다음
