묻고 답해요

홈 화면 변경

해결됨

깃헙 블로그(Github blog)로 차별화 된 나만의 홈페이지 만들기!

홈 화면을 recent post 가 아니라 가령 저를 소개를 하는 about 으로 바꾸고 싶은데 어떻게 변경하나요?!

• 블로그
• github

github에서 push오류

해결됨

빠르게 git - 핵심만 골라 배우는 Git/Github

저는 깃허브에서 push하러 들어가면 2줄을 복사하라고 하신 부분이 3줄로 뜨면서 git에 작성하면 아무것도 안 뜬 상태에서 'Authorize application' 이라는 창이 뜨며 위의 페이지가 나오는데 왜 그런가요?? authorize git-ecosystem을 클릭하면 되는 건가요?

• git
• github
• 버전관리시스템

선생님 혹시 SSV 파일을 json으로 변환할 방법이 있을까요?

미해결

파이썬으로 뭘 만들지? 남박사의 파이썬 알쓸파잡

안녕하세요. 선생님 수업을 통해 크롤링까지는 성공했습니다. HTTP POST 요청으로 받아왔는데요. 다만 Response가 넥사크로에서 사용하는 "SSV"형식으로 왔습니다. SSV:UTF-8ErrorCode:string=0ErrorMsg:string=Dataset:ds_PageList_RowType_TAXNO:string(255)TAXIDX:string(255)MEMBNAM:string(255)TSDATE:string(255)TSTIME:string(255)ACQBID:string(255)CARD_NAME:string(255)HID:string(255)ACQHID:string(255)TERMID:string(255)MTRCNO:string(255)CDNO:string(255)AUTHNO:string(255)ISTMMON:string(255)CURRCODE:string(255)AMT1:bigdecimal(25)AMT2:bigdecimal(25)AMT3:bigdecimal(25)ACQDATE:string(255)DDCEDI:string(255)...... <생략> 이렇게 못생긴 데이터가 왔는데요. 이걸 json으로 파싱하고싶어서요. 이리저리 혼자서 아스키코드 찾아보고 US, RS 사용해서 어떻게든 파싱은 했는데, 제가 짠 로직이 맞나 싶어서요. (일단 작동은 되는데.. ) 혹시 선생님이라면 어떻게 하실까 싶어서요. 이런걸 잘 파싱하려면 알고리즘을 공부해야되는걸까요? 아! 그리고 깃헙에 혹시 라이브러리가 있나 찾아봤는데요. 안나오더라구요. 이게 제일 슬펐어요. 그나저나 저런거 만드는 사람들은 정말 괴물같네요.. 저런걸 도대체 어떻게 만드는 걸까요? (코드가 본문에 저렇게 붙여넣어지는 기능도 신기하네요.. 저런건 또 어떻게 만드나요?)

• python
• 웹-크롤링
• gui

gitlab, github

미해결

제대로 파는 Git & GitHub - by 얄코

회사에서 gitlab을 써서 해당 강의를 신청했습니다! gitlab 설치형으로 회사에서 사용하는데 해당 강의 (github) 듣고 gitlab 사용할 수 있나요 ?

• git
• github

branch 활용, 실전편 (branch)질문있습니다.

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

1분 21초에서 같은파일에서 a 랑 c가 같은 위치에 저장되어있는데 충돌 안일어나나요? https://www.youtube.com/watch?v=Y8j7dfbc46M 위 영상에서 10분 51초에서는 같은 위치에서 코드 수정해주면 complite가 일어난다고 하는데요.

• git
• github
• 버전관리시스템

DAY11 영상에 오타있네요

미해결

기초 알고리즘 코딩테스트 40일 완성 (by 하루코딩)

최댓값 문제 2566번인데 2556번(별 찍기 - 14)로 숫자가 잘못되어있습니다. 수정 부탁드립니다.

• python
• java
• 코딩-테스트

useQuery랑 queryClient.getQueryData랑 차이점이 있을까요??

해결됨

Next + React Query로 SNS 서비스 만들기

기본적으로 캐싱된 데이터가 있으면, 그 데이터를 가지고 오는 것으로 알고 있는데, const { data} = useQuery({ queryKey: ['posts', 'recommends'], queryFn: getPostRecommends}); const data = queryClient.getQueryData(['posts', 'recommends']); 두 가지 차이점이 있는지 궁금합니다.

• react
• next.js
• react-query
• next-auth
• msw

react-intersection-observer 무한스크롤페이지 중복호출문제

미해결

Next + React Query로 SNS 서비스 만들기

안녕하세요 제로초님 강의 잘 보고 있습니다. 다름아니라 무한스크롤 부분 구현중(개인 프로젝트에 해당 부분만 먼저 적용중이라 jsonplaceholder API로 호출하고 있습니다) fetchNextPage가 2번씩호출이 되어서 delay도 조정해보았는데 계속 2번씩호출이 되서 로직에 혹시 문제가 있는지 봐주실수 있을지부탁드립니다. 0. 콘솔에 확인한 결과 처음 화면에 ref가 렌더되고 그 이후 data fetching이 완료되어 isFetcing이 false가 되었는데, data를 map으로 div로 뿌리는 렌더링 과정에 시간이 소모되어 inView는 true && isFetching도 false가 되어서 div가 화면에 나타나고 ref div를 가리기 전에 data fetching을 한번씩 더 하고 있는 상황입니다. 감사합니다

• react
• next.js
• react-query
• next-auth
• msw

ResponseBody 강의에서 클래스 생성 관련 질문드립니다.

미해결

쥬쥬와 함께 하루만에 시작하는 백엔드 - 스프링, 도커, AWS

리턴을 new 키워드를 통해 인스턴스를 생성해서 하는데 클래스에 static키워드를 붙이는 이유가 있는지 궁금합니다.

• spring
• git
• docker
• spring-boot
• jpa
• github

블로그 카테고리 관련

해결됨

깃헙 블로그(Github blog)로 차별화 된 나만의 홈페이지 만들기!

안녕하세요. 강의 정말 잘 수강했습니다! 블로그를 만들다가 고민이 있어서 글을 올립니다. 카테고리를 추가해서 블로그를 작성하려고 하는데 _posts 폴더 안에 카테고리명으로 폴더를 만들어 글을 업로드 하는 것이 일반적으로 많이 사용하는 방법인지 궁금합니다. 또한 카테고리를 만들면 타이포라에서의 경로설정에 카테고리명을 추가시켜주어야 할 것 같은데 ../images/ $ {category} /$ {filename} 이런 방식으로 파일명처럼 카테고리를 받아오는 방법도 존재하는지 궁금합니다.

• 블로그
• github

git remote -v가 안됩니다

미해결

직접 활용할 수 있는 Git과 Github - 기초부터 협업까지

vs랑 sourcetree 원격하는거까지는 했는데요 vs에 터미널 열고 git remote -v를 입력하니까 git : 'git' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습 니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + git remote -v + ~~~ + CategoryInfo : ObjectNotFound: (git:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException 라고 뜨던데 어떻게 해야 할까요?

• git
• github

sourcetree에서 원격 하는거까지는 했는데요

미해결

vs에서 git remote -v를 하니까 git : 'git' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습 니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + git remote -v + ~~~ + CategoryInfo : ObjectNotFound: (git:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException 이렇게 뜨는데 어떻게 해야하나요?

• git
• github
• remote

reset에서 head

해결됨

빠르게 git - 핵심만 골라 배우는 Git/Github

처음 head 개념을 설명해주신 코드 쳐보면서 얼추 개념을 알았다고 생각했는데 "추가자료 diff&revert" 부분을 보며 뭔가 잘못 이해한것 같아 질문드립니다. commit을 5번 했다고 할때 가장 최근에 한 commit을 삭제하려면 git reset head^ 위 명령어를 쳐야 가장 최근 커밋(5번째 커밋)이 제거되던데 왜 그런건가요?? 가장 최근 commit이 head라면 git reset head 를 입력했을때 5번째 커밋이 지워져야 하는거 아닌가요?? 테스트해본 내용 추가) 첫번째 커밋 3.txt (내용:1) 두번째 커밋 3.txt (내용:2) 세번째 커밋 3.txt (내용:3) git reset --hard head 명령어 입력시 내용이 3에서 2로 바뀌여야 하는데 그대로 3이고 git log를 찍어봐도 마지막 commit이 그대로 있습니다. 반면 git reset --hard head^ 명령어 입력시 내용이 3에서 2로 바뀌고 git log를 찍어보면 마지막 commit이 사라집니다. *diff와 revert는 설명해주신대로 잘 작동하는데 reset만 이러하네요ㅠㅠ

• git
• github
• 버전관리시스템

git branch 관련 질문

해결됨

빠르게 git - 핵심만 골라 배우는 Git/Github

git branch를 나누어도 repository에 들어있는 즉, 커밋이 완료된 파일들만 나뉘는게 맞나요? 테스트 해봤는데 branch를 나누어도 working area랑 stage area는 공통인듯하여 질문드립니다!

• git
• github
• 버전관리시스템

수업 ppt 자료 받고 싶습니다

해결됨

팀 개발을 위한 Git, GitHub 입문

안녕하세요 강사님 강의 잘 듣고 있습니다! 중간중간 복습용으로 강의 ppt를 받고 싶습니다 siksik2259@naver.com 이 메일로 보내주시면 감사하겠습니다!

• git
• github
• 버전관리시스템

accounts/url 질의

미해결

장고 설계철학으로 시작하는 파이썬 장고 입문

화면과같이 include 부분 강좌와 다르게 저절로 세팅이 되고 서버 실행하면 계속 오류가나는데 어떻게해야하나요ㅜㅜ

• python
• django

강의자료 부탁드립니다!

해결됨

팀 개발을 위한 Git, GitHub 입문

수업 이해가 잘되어서 강의자료보고 나중에 다시 깃을 쓸 때, 참고하고싶습니다!! n9805h@naver.com 입니다!!

• git
• github
• 버전관리시스템

slack 초대 부탁 드립니다~

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

kjh950601@gmail.com 입니다. 감사합니다.

• git
• github
• 버전관리시스템

로그인 버튼 클릭시 500에러 발생

미해결

Next + React Query로 SNS 서비스 만들기

아이디, 비밀번호를 입력하고 로그인 버튼을 누르면 500에러가 발생합니다. 9090 서버 포트는 잘 켜져있다고 뜨고, 코드 올리겠습니다. <auth.ts> import NextAuth from "next-auth"; import CredentialsProvider from "next-auth/providers/credentials"; import KakaoProvider from "next-auth/providers/kakao"; export const { handlers: { GET, POST }, auth, signIn, } = NextAuth({ pages: { signIn: "/i/flow/login", newUser: "i/flow/signup", }, providers: [ CredentialsProvider({ async authorize(credentials) { // credentials 안에 id창에서 입력하는 정보다 담겨있음 const authResponse = await fetch(`${process.env.AUTH_URL}/api/login`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: credentials.username, password: credentials.password, //next-auth의 credentials에는 username, password로 고정되어 있어서 이를 바꿔줌 }), }); //로그인 실패시 if (!authResponse.ok) { return null; } const user = await authResponse.json(); return user; }, }), //kakao로그인을 사용할때 // KakaoProvider(), ], }); <LoginModal.tsx> "use client"; import style from "@/app/(beforeLogin)/_component/login.module.css"; import { signIn } from "next-auth/react"; import { useRouter } from "next/navigation"; import { ChangeEventHandler, FormEventHandler, useState } from "react"; export default function LoginModal() { const [id, setId] = useState(""); const [password, setPassword] = useState(""); const [message, setMessage] = useState(""); const router = useRouter(); const onSubmit: FormEventHandler<HTMLFormElement> = async (e) => { e.preventDefault(); setMessage(""); try { await signIn("credentials", { username: id, password, redirect: false, }); //kakao, naver로 바꿀 수 있음 //client 일때는 next-auth/react의 signIn을 사용 //server 일때는 @/auth의 signIn을 사용 router.replace("/home"); } catch (error) { console.log(error); setMessage("아이디와 비밀번호가 일치하지 않습니다."); } }; const onClickClose = () => { router.back(); }; const onChangeId: ChangeEventHandler<HTMLInputElement> = (e) => { setId(e.target.value); }; const onChangePassword: ChangeEventHandler<HTMLInputElement> = (e) => { setPassword(e.target.value); }; return ( <div className={style.modalBackground}> <div className={style.modal}> <div className={style.modalHeader}> <button className={style.closeButton} onClick={onClickClose}> <svg width={24} viewBox="0 0 24 24" aria-hidden="true" className="r-18jsvk2 r-4qtqp9 r-yyyyoo r-z80fyv r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-19wmn03" > <g> <path d="M10.59 12L4.54 5.96l1.42-1.42L12 10.59l6.04-6.05 1.42 1.42L13.41 12l6.05 6.04-1.42 1.42L12 13.41l-6.04 6.05-1.42-1.42L10.59 12z"></path> </g> </svg> </button> <div>로그인하세요.</div> </div> <form onSubmit={onSubmit}> <div className={style.modalBody}> <div className={style.inputDiv}> <label className={style.inputLabel} htmlFor="id"> 아이디 </label> <input id="id" className={style.input} value={id} onChange={onChangeId} type="text" placeholder="" /> </div> <div className={style.inputDiv}> <label className={style.inputLabel} htmlFor="password"> 비밀번호 </label> <input id="password" className={style.input} value={password} onChange={onChangePassword} type="password" placeholder="" /> </div> </div> <div className={style.message}>{message}</div> <div className={style.modalFooter}> <button className={style.actionButton} disabled={!id && !password}> 로그인하기 </button> </div> </form> </div> </div> ); } <middleware.ts> export { auth as middleware } from "./auth"; export const config = { matcher: ["/compose/tweet", "/home", "/explore", "/messages", "/search"], }; <route.ts> export { GET, POST } from "@/auth"; 에러 내용 : TypeError: next_dist_server_web_exports_next_request__WEBPACK_IMPORTED_MODULE_0__ is not a constructor at reqWithEnvURL (webpack-internal:///(rsc)/./node_modules/next-auth/lib/env.js:15:12) at httpHandler (webpack-internal:///(rsc)/./node_modules/next-auth/index.js:139:139) at /Users/imhwarang/projects/zerocho/z-com/node_modules/next/dist/compiled/next-server/app-route.runtime.dev.js:6:63815 at /Users/imhwarang/projects/zerocho/z-com/node_modules/next/dist/server/lib/trace/tracer.js:133:36 at NoopContextManager.with (/Users/imhwarang/projects/zerocho/z-com/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7062) 너무 길어서 다 올릴수는 없네요 에러내용을

• react
• next.js
• react-query
• next-auth
• msw

afterlogin beforelogin 로그인 분기처리 질문

미해결

Next + React Query로 SNS 서비스 만들기

안녕하세요. 디렉토리 구조를 afterlogin과 beforelogin구조로 나누어서 로그인을 분기치고 있고 auth.ts에서 서버로 부터 전달받은 토근값을 넣고 미들웨어에서 세션을 유무를 확인하여 login페이지로 리다이렉트 시키고 있습니다. afterlogin과 beforelogin으로 디렉토리가 어떤방식으로 나뉘는지 로직이 궁금합니다. 관련된 훅이 있는것인지?? 2. 실제 상용화된 서비스라고하면 로그인이 풀리는것을 방지하기 위해 BE로 토근값을 요청할텐데, 관련 로직은 어떤방식으로 구현하는게 좋은방법인지 요청드립니다.

• react
• next.js
• react-query
• next-auth
• msw