묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님!
const onChangePasswordCheck = useCallback((e) => { setPasswordError(e.target.value !== password); setPasswordCheck(e.target.value); }, [password]); 질문1.여기서 setPassword(e.target.value !== password); 이부분을 잘 모르겠습니다 . e.target.value와 password 값이 같지 않을 경우 password가 true로 바뀐다는 말인가요?ㅎㅎ 질문2. [password]는 왜 들어가는지 잘 모르겠습니다. const [term, setTerm] = useState(false); const onChangeTerm = useCallback((e) => { setTermError(false); setTerm(e.target.checked); }, []); 질문3. term값의 기본값이 false였는데, 즉 불린 값이었는데 setTerm(e.target.checked); 가되면 term은 어떠한 값이 들어가나요?
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
도메인 연결 후 401 (Unauthorized) 에러가 발생합니다
도메인 연결하니 로그인 후 새로고침을 해도 쿠키값이 저장되는데 게시글을 작성하면 http://api.ymillonga.xyz/post 401 (Unauthorized) 에러가 납니다 쿠키 문제라고 짐작하고 있는데 프론트 서버에서 withCredentials= true 설정되었고 백 서버에서 cors에 credentials:true 로 되어있는 것 확인했습니다 제가 뭘 놓치고 있는 걸까요? (이렇게 빨리 다시 질문을 하게 될 줄 몰랐습니다 흑흑) back/app.js const prod = process.env.NODE_ENV === 'production'; const frontUrl = prod ? "http://ymillonga.xyz" : "http://localhost:3050"; db.sequelize.sync() .then(() => { console.log('db연결 성공'); }) .catch(console.error); app.use(morgan('dev')); if (prod) { // app.enable('trust proxy'); app.use(morgan('combined')); app.use(hpp()); app.use(helmet({ contentSecurityPolicy: false })); app.use(cors({ origin: frontUrl, credentials: true, })) } else { app.use(morgan('dev')); app.use(cors({ origin: true, credentials: true, })); } app.use(express.json()); app.use(express.urlencoded({ extended: true })); app.use('/', express.static(path.join(__dirname, 'uploads'))); app.use(cookieParser(process.env.COOKIE_SECRET)); app.use(session({ saveUninitialized: false, resave: false, secret: process.env.COOKIE_SECRET, // proxy: prod, cookie: { httpOnly: true, secure: false, // process.env.NODE_ENV === 'production',//https일 때 true domain: process.env.NODE_ENV === 'production' && '.ymillonga.xyz' }, })); app.use(passport.initialize()); app.use(passport.session()); front/config/config.js export const callbackUrl = process.env.NODE_ENV === 'production' ? "http://api.ymillonga.xyz/user/google/callback" : "http://localhost:3051/user/google/callback"; export const backUrl = process.env.NODE_ENV === 'production' ? "http://api.ymillonga.xyz" : "http://localhost:3051"; export const frontUrl = process.env.NODE_ENV === 'production' ? "http://ymillonga.xyz" : "http://localhost:3050"; front/saga/index.js import { all, fork } from 'redux-saga/effects'; import userSaga from './user'; import postSaga from './post'; import { backUrl } from '../config/config'; import axios from 'axios'; axios.defaults.baseURL = backUrl; axios.defaults.withCredentials = true; export default function* rootSaga() { yield all([ fork(userSaga), fork(postSaga), ]); }
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
vscode 확장에 live server가 설치 후 아래에 아무것도 안보여요 ㅠ
live server 설치하고 나서 아래에 안테나 모양으로 둥글게 생긴다는 'Go Live'가 저는 아무리 찾아도 없어요.. 확장을 설치했다 지웠다 해도 안 뜹니다 어떻게 하죠 ㅠㅠ
-
미해결스프링 부트 개념과 활용
hello.html 호출 시 no mapping for GET /hello.html 문제
안녕하세요. resources/static/hello.html 을 작성하고 application을 실행시킨 후, localhost:8080/hello.html 접속 시 Whitelabel Error Page가 찍히고, console에는 "No mapping for Get /hello.html" 메세지가 뜹니다. 일전에 실습한 UserController 클래스의 hello() 메서드 (@GetMapping("/hello")) 때문인가 해서 해당 메서드 삭제 후 다시 빌드하고 테스트 해 보았는데도 동일하네요. 어떤 문제일까요? 도움 좀 부탁 드립니다.
-
미해결실전 자바스크립트
2:24경 설명
const a; --> //errorlet a; --> undefined a는 undefined 가 되는걸로 알고 있습니다
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part1: C# 기초 프로그래밍 입문
가위바위보 문제풀이(영상과 다른 버젼)
제가 풀었던 방법인데 영상 보시며 공부하시는 분 참고하시라고 올려봐요. // 승리 무승부 패배 //1. 이기는 경우 -choice == (aiChoice+1)%3 (나와 컴퓨터의 숫자가 2차이면 내가 이김. 3이 넘어가면 %을 이용해 0으로 초기화) //2. 지는 경우 -(choice+1)%3 == aiChoice (1차이면 컴퓨터가 이김.) //3. 비기는 경우-choice == aiChoice (같으면 무승부) if (choice == (aiChoice + 1) % 3) Console.WriteLine("당신이 이겼습니다."); else if ((choice + 1) % 3 == aiChoice) Console.WriteLine("컴퓨터가 이겼습니다."); else { Console.WriteLine("무승부입니다."); }
-
미해결홍정모의 따라하며 배우는 C언어
혹시 코딩 하실때
마우스를 사용 안하고 키보드로만 하고 싶습니다 ㅠㅠ 영상에서 코딩하시는 것을 보면 무언가(?) 일반적인 타이핑이 아니고 단축키 같은(?) 것을 쓰시는 것 같습니다. 혹시 어떤 것들을 사용하시는지 알려주실 수 있으신가요....? 코딩 속도를 올리고 싶습니다 !!
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
user_action.js에서 return할때 질문드립니다
user_action.js에서 type과 payload를 return했는데 user_reducer.js에서 따로 import를 안해도 action이 넘어오는건가요? import {LOGIN_USER} from '../_actions/types' // 리듀서는 전에 있는 state와 action을 통해 다음 state를 만들어준다 export default function(state = {}, action){ // type을 구분하기 위함 switch (action.type) { case LOGIN_USER: return {...state,loginSuccess:action.payload} break; default: return state; } }
-
미해결대세는 쿠버네티스 (초급~중급편)
calico 설치후 Pod status
안녕하세요 kubenetes 1.19 설치중 calico 설치후 pod status 가 모두 Running 이 되지 않습니다. Init:0/3 인 pod가 2개 ContainerCreating 인 pod가 2개 있는 상태입니다. 모두 Running 되지 않은 상태에서 Dashboard 설치로 넘어가도 문제없을까요? [root@k8s-master ~]# kubectl get pods --all-namespaces NAMESPACE NAME READY STATUS RESTARTS AGE kube-system calico-kube-controllers-744cfdf676-p45kl 1/1 Running 0 27m kube-system calico-node-557zq 0/1 Init:0/3 0 27m kube-system calico-node-gglgg 1/1 Running 0 27m kube-system calico-node-hcsv5 0/1 Init:0/3 0 27m kube-system coredns-f9fd979d6-75m9f 1/1 Running 0 136m kube-system coredns-f9fd979d6-sfcdq 1/1 Running 0 136m kube-system etcd-k8s-master 1/1 Running 0 136m kube-system kube-apiserver-k8s-master 1/1 Running 0 136m kube-system kube-controller-manager-k8s-master 1/1 Running 0 136m kube-system kube-proxy-fcd99 0/1 ContainerCreating 0 30m kube-system kube-proxy-mjlv9 1/1 Running 0 136m kube-system kube-proxy-xk425 0/1 ContainerCreating 0 29m kube-system kube-scheduler-k8s-master 1/1 Running 0 136m
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
컴포넌트 구조와 데이터 패치
이전 수업까지는 끝 단의 component을 presentational component로 하여서 로직 없이 순수하게 마크업만 보이게 하고 비동기 작업은 부모 컴포넌트에서 하셨는데 오늘 설명 해주신 내용은 완전히 반대로 진행하는 것 같습니다. 이러한 방식의 장점이 무엇인지 수업을 듣고도 잘 이해가 되지 않습니다..
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
v-model에 관한 질문
App.vue에서 v-model로 받는 것은 input 이벤트와 함께 바뀐 값인거죠?
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
one_col_df 질문
one_col_df = titanic_df[['Name']] print(one_col_df.head(3)) print("## type:",type(one_col_df)) 해당 부분 이해되지 않습니다. 설명 부탁드리겠습니다.
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
현업에서 JPA로 마이그레이션하면서 문제를 겪었습니다.
안녕하세요 영한님! 우아콘 영상 잘봤습니다. 최근에 현업에서 JPA 사용하면서 부딪힌 문제가 있는데 발표해주신 상황이랑 비슷한것같아서 의문점이 생겨서 질문을 드립니다! 현재 저희 서비스에서는 PHP (코드이그나이터) 기반의 코드로 작성이 되어있습니다. 그러다 보니 데이터 베이스(mariaDB) 스키마는 제가 한땀한땀 작성하면서 만들었습니다. 그런데 JAVA기반의 JPA로 마이그레이션을 진행하려고 합니다. 같은 테이블에서 JPA로 짜다보니까 현재 서비스되는 데이터베이스 구조와 JPA에서 ddl-auto로 자동으로 만들어지는 데이터베이스구조가 달라서, JPA select를 사용할때 구조가 달라서 에러를 뿜으면서 죽습니다. 예시) "No enum constant co.kr.test.domain.partner.entity.BusinessType.individual; nested exception is java.lang.IllegalArgumentException: No enum constant 1) 배달의 민족에서도 php에서 spring으로 넘어가면서 겪으신 다른 기술을 마이그레이션 하는 팁이 있을까요? 2) 제가 생각하는 마이그레이션 방법입니다. 좋은 방법일지 아니면 더좋은 방법이 있을지 답변남겨주시면 감사하겠습니다! - 해당 맞는 서비스에서 JPA로 비즈니스 로직을 짠다. - JPA로 데이터베이스 구조를 v2로 복사하여 생성한다. - JPA로 생성된 데이터베이스 v2에 원래있던 데이터를 밀어넣는다. - 당분간은 두 데이터베이스가 공존한다. - 안정화 되면 v1데이터베이스를 끊는다. 감사합니다!
-
해결됨[구버전] 웹 애플리케이션 개발을 위한 IntelliJ IDEA 설정 (2020 ver.)
환경 변수 수정 질문입니다.
window8의 환경변수부분 수정과 다른데 어떻게 해야하나요??
-
미해결공공데이터로 파이썬 데이터 분석 시작하기
futuer warning
자꾸 이게 뜨는데 이건 어떻게 없애나요
-
미해결홍정모의 따라하며 배우는 C언어
강의에서 키보드
강의에서 코딩을 직접하실때 키보드 명령어 쓰시는 것이 있는지 궁금합니다. 1. 코딩하고 마우스 포인터가 끝에 가 있는 방법 2. 코드 위에 빈줄 넣는 방법 3. 코드 아래에 빈줄 넣는 방법 3. 해당 단어만 선택하는 방법 4. 복사한 줄을 바로 밑에 쓰는 방법 5. 단어 단위로 마우스 포인터 이동하는 방법 어떤 키들을 눌러야하는 건지 궁금합니다!
-
해결됨팝스타 공식 뮤비 제작 & 유튜브 2천만 뷰 크리에이터의 애니메이트 X 이모티콘 클래스
펜심 질문
강사님 펜심은 어떤걸 사용하시나요? 펠트심이나 플렉스심을 사용하시나요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
class를 이용해서 스타일 적용하는 방법
class를 이용하는 방법은 컴포넌트에 스타일을 직접입히는 styled-component로는 안되는거 같은데.. 방법이 있나요? class를 이용해서 스타일을 동시에 적용시키고 쉽게 바꾸려면 어떻게 해야하나요? 넥스트를 쓰니 index.html이 없어서 css파일을 어디에 적용시켜야 하는지요..
-
미해결모던 자바스크립트(ES6+) 기본
글의 정리가 안되어있어 삭제했습니다.
강사님 말씀대로 디버깅을 여러번 해보고 하나하나 따져가면서 이해는 완료했습니다. 강의 여러번 돌려보겠습니당. 감사합니다.
-
해결됨스스로 구축하는 AWS 클라우드 인프라 - 기본편
안녕하세요. 질문있습니다.
좋은 강의 감사드려요! userData에 강사님처럼 include~ 로 넣고 확인해 보니까 강사님처럼 화면이 나타나질 않아서요! 혹시 .pem파일을 전에 생성했던 걸 써서 그런걸까요? 그래서 ec2접속해서 개별설치 하려고 했는데,, aws에서 패키지로 LAMP설치하는게 있더라구요. 근데 그 패키지 중에 mysql이 아닌 mariaDb가 있는데 그럼 이 패키지는설치하면 안되겠죠?? 아니면 Instace를 종료하고 다시 새 인스턴스를 만들어서 include가 아닌 제공해주신 script내용을 넣고 다시 시도해 봐야 할까요??