묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
axios를 활용한 데이터 통신
핸드폰 번호를 입력하면 페이지 상에서는개발자 도구에서 이렇게 잘 나오지만vscode console에 찍어보면 myphone 번호가 아니라 undefined로 나옵니다.아래는 phone.js 코드입니다. (length에서 자꾸 에러가 나서 그 부분만 수정된 코드입니다.)function checkPhone(myphone) { //1. 휴대폰 번호 자릿수 맞는지 확인하기(10-11자리) if (myphone && myphone.length < 10 || myphone && myphone.length > 11) { console.log("에러 발생!!! 휴대폰 번호를 제대로 입력해주세요."); return false; } else { return true; } } //2. 인증번호 6자리 만들기 function getToken() { const result = String(Math.floor(Math.random() * 1000000)).padStart(6, "0"); console.log(result); return result; } //3. 핸드폰 번호에 토큰 전송하기 function sendTokenToSMS(myphone, result) { console.log(myphone+ "번호로 인증번호" + result + "를 전송합니다."); } module.exports = { checkPhone, getToken, sendTokenToSMS };이건 signup.html<!DOCTYPE html> <html lang="ko"> <head> <title>회원가입 연습하기</title> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script> function zzz(){ //1. 입력한 휴대폰 번호 가져오기 const myphone = document.getElementById("myphone").value console.log("나의 핸드폰 번호 : ", myphone) //2. 해당 휴대폰 번호로 인증번호 API 요청하기 axios.post("http://localhost:3000/tokens/phone", { qqq: myphone }).then((res) =>{ console.log(res.data) document.getElementById("result").innerText = res.data }) } </script> </head> <body> 휴대폰 번호 : <input id="myphone" type="text"/><button onclick="zzz()">인증하기</button> <div id="result">인증상태</div> <button>회원가입하기</button> </body> </html> index.js const express = require('express'); const { checkPhone, getToken, sendTokenToSMS } = require('./phone.js'); const swaggerUi = require('swagger-ui-express'); const swaggerJsdoc = require('swagger-jsdoc'); const {options} = require('./swagger/config.js'); const swaggerSpec = swaggerJsdoc(options); const cors = require('cors'); const app = express(); //use : 모든 메소드에서 작동한다. app.use(express.json()) app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerSpec)); app.use(cors()) //GET 방식의 API를 만들겠다. //endpoint는 /로 하겠다. // /qqq이쪽 endpoint로 누군가 요청을 하면 아래 함수를 실행을 시키겠다. app.get('/boards', function (req, res) { //1.DB에 접속 후, 데이터를 조회. 조회한 데이터를 객체로 담아온다. const result = [ {number : 1, writer: "철수", title : "제목입니다.", contents: "내용이에요."}, {number : 2, writer: "영희", title : "제목입니다.", contents: "내용이에요."}, {number : 3, writer: "훈이", title : "제목입니다.", contents: "내용이에요."}, ] //2.DB에서 꺼내온 결과를 브라우저에 응답(response)으로 주기 res.send(result) }, function (req, res){ }) app.post('/boards', function (req, res) { //1. 브라우저에서 보내준 데이터 확인하기 console.log(req) console.log("=====") console.log(req.body) //2. DB에 접속 후, 브라우저에서 받은 데이터를 디비에 저장해야 함. //3. DB에 저장된 결과를 브라우저에 응답(response) 주기 res.send('게시물 등록에 성공하였습니다.') }) app.post('/tokens/phone', function(req, res){ const myphone = req.body.phone //1. 휴대폰번호 자릿수 맞는지 확인 (10-11자리) const isValid = checkPhone(myphone) if(isValid === false) return //2. 핸드폰 토큰 6자리 만들기 const myToken = getToken() //3. 핸드폰 번호에 토큰 전송하기 sendTokenToSMS(myphone, myToken) res.send("인증완료!!!") }) //포스트맨에서 send 버튼 누르는 것 = 기다린다 = listen app.listen(3000)
-
미해결[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]
logout시에 database delete -> 새로운 입력에 대해 user_id 증가
안녕하세요, logout 기능 구현할 때 database에서 delete를 통해 구독 취소한 메일을 제거해주는 내용을 봤는데요,db에 구독으로 데이터를 쌓고 취소한 뒤에 다른 메일을 넣으면, user_id가 1이 되어야 할 거 같은데, 2로 남습니다. 구독 & 구독취소 과정을 반복해서 수행하면 db table에 1줄만 입력되어있더라도 user_id가 계속 증가하는 것을 볼 수 있는데, 어떻게 방지할 수 있을까요? 혹은 많은 user가 구독 & 구독취소를 하게 되는 경우에 구독취소된 user_id는 공백으로 두고 계속해서 user_id를 쌓는 것이 사용상에 이점이 있는걸까요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
문의 드립니다
안녕하세요 백엔드쪽로 준비하는 사람이면 로드맵으로 두개다 구매해도 우선 백엔드쪽 강의 수강만 집중하는것이 나을까요?아님 프론트-> 백엔드 순으로 하면 더 도움이될까요?
-
해결됨Svelte REST-API 프로젝트
[라우터 설정] 강의 내용 중 수정이 필요한 부분
[3분43초 - router.svelte]첫 번째 Route에서 리다이렉트 경로를"/ariticles"가 아닌 "/articles/all"이 맞는 것 같습니다.6분 41초 영상에서 테스트 장면을 보면 리다이렉트 경로가 /articles/all인 것을 볼 수 있습니다. [3분50초 - router.svelte]강의 영상처럼 타이핑을 하고난 후에에디터(vscode)에 다음과 같은 에러가 나타날 수 있습니다.임시로 해결할 수 있는 방법은 node_modules 폴더 내부에 있는 tinro 라이브러리의 타입 정의(index.d.ts)를 수정해주시면 됩니다.참고: https://github.com/AlexxNB/tinro/pull/121/commits/d2251ffed630aac6e76e71856204ead5dd2f6661
-
미해결스프링 기반 REST API 개발
이벤트 Repository강의 중 Event 클래스에 private Integer Id; 위치 질문
이벤트 Repository강의 중 Event 클래스에 private Integer Id; 이 한줄의 위치가 맨 위가 아니면 에러가 납니다.왜 그런건가요? (저는 강의 순서대로 입력하느라 아래쪽에 입력했었습니다.) 에러내용은 : org.springframework.orm.jpa.JpaSystemException: Unknown integral data type for ids : java.lang.String
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
graphQL에서 @apollo/server의 port번호는 4000번으로 default가 되어있는것 같습니다.
v3버전 이후로는 server.listen에 대한 값이 없는것같아서 port번호를 4000번으로 기본설정해놓는걸 console.log로 확인할 수 있는 방법과 혹시 port번호를 변경하고자 할때는 어떻게 해야하는지 알 수 있을까요?계속 해메고 있네요,,,
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
강의자료/완성사이트 접속 모두 안되네요. 서비스 안하시는건가요?
강의자료/완성사이트 접속 모두 안되네요. 서비스 안하시는건가요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
VSCode 백틱(``) 내의 글자 색상
안녕하세요.강의를 보면 강의자님의 VSCODE 에서는 백틱 내에서도변수, 함수 등이 글자 색상이 각각 다르게 표현됩니다.그런데 제 VSCODE에서는 백틱 내에서는 모두주황색으로 나옵니다.이 부분은 어떻게 옵션을 바꿔야하나요?구글링해도 못 찾겠네요.
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part6: 웹 서버
싱크 문제
해당 영상 싱크가 맞지 않는 것 같네요! 이해하는데 문제는 없지만 다른분들 위해 확인 부탁드립니다
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
학습 자료 ver.2의 링크는 어디서 확인할 수 있을까요?
강의를 듣다보니 새로운 업데이트 된게 있어서 그쪽을 들으려고 하는데 혹시 학습 자료 ver.2의 노션 링크는 어디서 확인할 수 있을까요? 아니면 기존의 [Backend] 학습 자료 ver.1이 업데이트 된건가요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
노션 과제에 대한 해설을 볼 수 있는 곳이 있나요?
안녕하세요.이번 강의를 신청하고 듣고있는데요.과제를 풀어보려고 하는데 그에대한 정답이나 해설에 대해서 안내되어있는것이 있는지 궁금합니다.
-
미해결[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]
유니코드 str
-11섹션 4번째 강의, 5분 30초 경입니다.get_id의 경우 unicode를 return해야되서 강좌에서 str을 붙여준다고 했는데요,int 타입으로 넘겨주면 왜 안되는건지 궁금합니다!
-
미해결[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]
vscode 서버 띄우는 것 이슈
안녕하세요 강의 수강 중에 vscode관련 내용 질문 드립니다. 특정 코드 내용은 아니여서 영상 정보는 안 적었습니다. vscode로 flask 를 띄웠는데요, (render_template으로 html 파일 연결했습니다) html 파일을 수정하고 cmd +s 를 하더라도, 웹 페이지에 반영이 안 됩니다 (ex>jinja2 template 반복문, loop.index) 그치만 앱을 껐다가 다시 돌리면 반영이 됩니다.go live 로 Live server를 띄웠을 때, 열려있는 python file에 대한 서버가 띄워지는 것이 아니라, project 전체에 대해서 띄워집니다. (ex>00_projects 폴더가 열리는데 원하는 것은 hello_loop 포함된 flask 웹페이지)두 경우를 해결하고 싶은데 어떻게 하면 좋을지 문의드립니다 ㅠㅠ
-
미해결[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
hateoas entityModel이 import가 안됩니다
동영상을 보고 따라서 pom.xml에 hateoas 추가했지만 usercontroller에 entityModel이 import되지 않습니다. spring boot 버전은 2.7.8인데 pom.xml에 다른걸 더 작성해야하나요?
-
미해결실리콘밸리 엔지니어가 가르치는 파이썬 장고 웹프로그래밍
경로 관련 질문
<Django Template(템플릿)에 대한 소개>에서 하얀색 칠한 부분이 views.py에서 작성한 코드이기 때문에 경로상 templates/polls/main.html이 맞는것이 아닌지요?근데 그렇게 돌려보니 error가 뜨더라구요경로가 templates없이 지정되었음에도 불구하고 에러가 나지 않는 이유가 궁금합니다.
-
해결됨Svelte REST-API 프로젝트
아래와 같은 에러가 발생합니다. ㅜㅜ
Cannot find module './App.svelte' or its corresponding type declarations.ts(2307)경로는 문제 없는거 같은데 어떤 부분을 수정해야할가요?
-
해결됨실리콘밸리 엔지니어가 가르치는 파이썬 장고 웹프로그래밍
docker compose up과정에서 module not found error발생
docker compose up에서 아래와 같은 오류가 발생하였습니다. member 라는 모듈을 찾을 수 없다고 하는데 어떻게 해야될지 문의드립니다. +app/app/urls.py에서 member가 언급된 path를 주석처리하니 compose up이 돌아가긴 했습니다.
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part6: 웹 서버
Unable to create an object of type 'ApplicationDbContext'
add-migration RankingApp을 시도했을 때, Unable to create an object of type 'ApplicationDbContext' 에러가 뜹니다. 영상에서 해주신 것과 똑같이 설정했는데, 뭐때문에 안되는지 모르겠습니다... 현재 VS 버전에는 영상버전과 다르게 Startuo.cs가 program.cs로 합쳐진걸로 알고 있어서, 그것도 다 맞춰서 해준거같은데 안되네요ㅠ
-
미해결[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
9:08쯤 생성자 오류 부분
9:08쯤 생성자 오류 부분이 왜 발생하나요??이미 post 필드 외 필드들에 대한 생성자는 annotation에 의해 생성되어 있는데 갑자기 왜 오류가 발생하는지 이해가 되지 않습니다..
-
미해결[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
WebSecurityConfigurerAdapter deprecated 해결
@Bean public UserDetailsService userDetailsManager(BCryptPasswordEncoder bCryptPasswordEncoder){ InMemoryUserDetailsManager manager = new InMemoryUserDetailsManager(); manager.createUser(User.withUsername("user") .password(bCryptPasswordEncoder.encode("userPass")) .roles("user") .build()); manager.createUser(User.withUsername("admin") .password(bCryptPasswordEncoder.encode("adminPass")) .roles("user", "admin") .build()); return manager; } @Bean public BCryptPasswordEncoder encodePassword(){ return new BCryptPasswordEncoder(); }
