게시글
질문&답변
2024.06.03
변수, useState 부분 질문있습니다.
안녕하세요! 부드러운 족제비 님! 현제 단계에서는 아래의 룰을 따르면 이해하기 편할 것 같아요!^^ // 기존방식 안바뀌는애: const 바뀌는애: let // React방식 안바뀌는애: const 바뀌는애: state 수업에서 들으셨다시피, 변경 후 화면에 찍어주는 document.getElement... 의 2가지 작업 을 state 1번으로 줄일 수 있었음 을 다시 한 번 되새겨 보세요!^^
- 0
- 1
- 44
질문&답변
2024.06.03
리액트 설치에 대해 궁금한 점이 있습니다.
안녕하세요! 부드러운 족제비 님! create-react-app 은 react 프로젝트를 설치 할 때 사용하는 명령어랍니다!^^ create-next-app 은 next 프로젝트를 설치 할 때 사용하는 명령어예요! react => 프론트엔드 개발 쉽게해주는 애 next => react를 사용할때 있으면 좋은 도구랑 폴더들 몽땅 갖고있는 애 (react도 들어있음) 따라서, 대부분의 회사는 react를 기반으로 하는 next를 사용한답니다! create-next-app으로 설치 하시되, 이렇게되면 내장되어있는 react가 최신 버전이 깔리게 되므로 수업에서 진행하고 있는 버전으로 react를 강제 바꿔치기 한 것 뿐이랍니다!^^
- 0
- 2
- 55
질문&답변
2024.06.03
yarn 설치가 되지않습니다.
안녕하세요! 부드러운 족제비 님! 사진을 보니, permission denied 라는 에러 가 발생하였군요! (사진)해석하면, 말 그대로 "권한이 없다!" 라는 뜻이에요! 따라서, 관리자 권한으로 설치 를 진행하셔야 합니다! 터미널에서 관리자 권한으로 명령을 실행하는 방법 은 명령어 맨 앞에 sudo 를 붙이시면 됩니다!^^ sudo npm install -g yarn
- 0
- 2
- 44
질문&답변
2024.06.03
섹션11 eslint 설치
안녕하세요! 베이직 님! 수업에서 사용중인 eslint 8.x.x 버전대의 설치 가 필요할 것 같아요! yarn add eslint@8.0.1 로 먼저 eslint를 설치해 주시고, 2. 다음으로 npx eslint --init 명령어를 수업과 동일하게 진행해 주시면 3개의 선택지 화면을 동일하게 확인하실 수 있습니다! 이렇게 해도 안되는 경우, 1. yarn.lock, node_modules, .eslintrc.js 파일을 지워주시고, 2. 다시 한 번 위의 순서로 eslint를 설치해 주세요!
- 0
- 2
- 63
질문&답변
2024.06.03
geolocation부분에 대해 질문있습니다.
안녕하세요! 부드러운 족제비 님! askForLocation() 함수는 우리가 만든 함수이기 때문에, 안쪽에 있는 navigator.geolocation.getCurr.. 의 함수와는 상관이 없답니다! 예를들면 이런 것이죠! const 나의함수 = function(){ setInterval(() => { console.log("안녕하세요") }, 1000) } 나의함수() 위 로직에서, 나의함수()를 실행시키는 것 과, 함수 내부의 setInterval() 함수 와는 아무런 관련이 없다는 것 아시겠죠?! 질문의 코드를 다시 보시면, const 나의함수 = function () { navigator.geolocation.getCurrentPosition((위치) => { console.log(위치); }); }; 나의함수(); 마찬가지로 나의함수()를 실행시키는 것 과, 함수 내부의 navigator.geolocation.getCurrentPosition() 함수 와는 아무런 관련이 없답니다!^^ 따라서, 나의함수는 무시하고 내부의 함수만 볼까요? // 1초에 한 번씩 "안녕하세요" 라고 보여주는 함수 setInterval(() => { console.log("안녕하세요") }, 1000) // 내 위치 불러오는 함수 navigator.geolocation.getCurrentPosition((위치) => { console.log(위치); }); 위와 같이 정리해 볼 수 있겠죠?! 마지막으로, "위치"라고 작성된 부분은 getCurrentPosition 함수에서 보내주는 결과값 이랍니다! "어떻게 함수의 실행 결과를 이런식으로 받아올 수 있는가?" 에 대한 내용은 난이도가 있는 부분으로, 뒷부분의 callback, promise, async-await 수업 에서 자세하게 다루게 됩니다! 현재 기초 과정에서는 "getCurrentPosition의 실행 결과로 위치가 저렇게 받아와지는구나!" 정도로 이해하셔도 충분합니다!^^
- 0
- 2
- 79
질문&답변
2024.06.03
HTML 회원가입
안녕하세요! Erica 님! 따로 스크린샷을 확인하지 못해 최대한 상황을 추측하여 답변을 드려볼게요!^^ 여러 상황이 있을 수 있겠지만 아래의 경우를 한 번 확인해 보세요! 1. 코드를 직접 수정하진 않았으나, 실수 또는 기타 이유 등으로 `, / , html, css, js의 파일의 위치가 옮겨졌거나 , 저장되어있는 폴더의 위치 또는 이름이 변경된 경우 이정도를 먼저 한 번 확인해 보세요!^^
- 0
- 2
- 38
질문&답변
2024.06.03
graphql codegen 설치
안녕하세요! 베이직 님! 1. yarn add -D @graphql-codegen/cli 명령어의 -D 는 개발모드로 설치 한다는 뜻이예요! (이 문자는 --dev 로 바꾸어 쓸 수 있답니다! 참고로, 운영모드로 설치 는 뒷부분에서 배웁니다^^) 따라서, yarn add -dev @graphql-codegen/cli 로 변경 가능하겠죠?! 다음으로, 두개의 라이브러리를 함께 설치하는 경우를 볼게요. yarn add 사과 yarn add 바나나 두 번 입력하려니 귀찮지 않나요?! 그래서 한 번에 입력도 가능하답니다! => yarn add 사과 바나나 정리하면, yarn add --dev typescript @graphql-codegen/cli 이 명령어는 " typescript 와 @graphql-codegen/cli 를 개발모드로 설치 해줘! " 로 해석할 수 있겠죠?! 우리는 typescript는 이미 설치했었기 때문에, 아래의 두 명령어 중 하나를 선택하면 되겠어요! yarn add -D @graphql-codegen/cli yarn add --dev @graphql-codegen/cli
- 0
- 2
- 51
질문&답변
2024.05.25
섹션4 01-02-emotion 에러가 나는데 못찾겠습니다ㅜ
안녕하세요! leeyunje96 님! import 구문에서 경로 입력 부분은 백틱(``)이 아닌, 문자열(" ") 또는 문자(' ')로 감싸져야 합니다!^^ import OOO from `...` => import OOO from "..."
- 0
- 1
- 66
질문&답변
2024.05.25
그리드 부분 질문있습니다.
안녕하세요! 부드러운 족제비 님! 4번째 라인까지를 의미하므로 노션에 작성된 grid-column: 1 / 4; 가 맞네요!^^
- 0
- 2
- 65
질문&답변
2024.05.25
이번 final 과제 피드백 부탁드립니다!
안녕하세요! 지루한 들소 님! 전체적으로 코드를 깔끔하게 작성하신 것이 눈에 보입니다!^^ 앞으로도 계속 이렇게 만들어 주세요! 실제로 실무에서 여럿이 협업을 하다보면, 코드가 깔끔해야 레고 블록 조립하듯이 붙였다 떼었다 하는 느낌으로 유지보수 하실 수 있어요! 코드를 한 곳에 모두 작성하는 것이 아닌, emailChk(), pwChk() 등의 형태로 함수로 분리하여 읽기가 쉬워지는 것 같네요!^^ 좋은 부분이라고 생각되며, 이런 코드가 많아서 내가 아닌 다른 사람이 굳이 이해하려고 하지 않고, 눈으로만 보더라도 읽힌다면 그게 바로 좋은 코드 라고 할 수 있겠죠?!^^ * 참고) "이건 어려운 작업이라, 아무나 못 하는거야! 나만 이해할 수 있어! 모르면 나한테 물어봐!" => 대부분의 이런 경우는 사실 좋은 코드라고 보기는 어려울 것 같네요!^^ 뒷 수업에서 더 좋은 코드를 만들기 위한 리팩토링(다시 더 좋은 방법으로 만들기) 방법 들을 많이 배우니, 앞으로도 이렇게 꾸준히 학습해요!^^
- 0
- 1
- 72