172만명의 커뮤니티!! 함께 토론해봐요.
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
const weatherSearch = function (position) { fetch( `https://api.openweathermap.org/data/2.5/weather?lat=${position.latitude}&lon=${position.longitude}&exclude={part}&appid=b53e0e301571ed81576201a2a4fee23b` ); }; const accessToGeo = function (position) { const positionObj = { latitude: position.coords.latitude, longitude: position.coords.longitude, }; weatherSearch(positionObj); console.log(position.latitude); }; const askForLocation = function () { navigator.geolocation.getCurrentPosition(accessToGeo, (err) => { console.log(err); }); }; askForLocation(); 위 코드 13번째 줄에서 console.log(position.latitude);를 하면 저는 undefined가 출력되고, console.log(position.coords.latitude);를 해야 위도 값이 나오는데... 강사님께서는 console.log(position.latitude); 라고 코드를 작성하셨는데, 위도 값이 잘 나오더라고요.. 이게 왜 그런지 별건 아니지만 궁금해서 질문남깁니다!
react node.js seo graphql next.js
jihun6548
2024-11-06T12:12:09.290Z
댓글 1
좋아요 0
조회수 139
해결됨
파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)
안녕하세요 강사님, 강사님 강의는 다른 강사님들 강의와는 다르게 먼저 한번 전체적으로 다뤄주고나서 나중에 세세히 강의해주시는것 같습니다. 지금 장고핵심기능 리뷰를 보고 있는데, 각 섹션마다 수강생들이 어떤 부분을 염두하고 보면 좋은지를 알려주시면, 혹은 어떤 목적으로 섹션을 나눴는지를 알려주시면 제가 강의를 이해하고 앞으로 강의를 듣는데 좀더 이해가 잘 될거같습니다. 감사합니다.
react python django web-api htmx
sunnnwo
2024-11-06T12:10:11.856Z
댓글 2
좋아요 0
조회수 230
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
선생님 해설에 보면 f3컬럼의 결측치를 replace로 활용하여 0으로 바꿀때 import numpy as np df['f3'] = df['f3'].replace(np.nan,0) 라고 되어있는데 제가 캡쳐한 화면처럼 풀어도 상관이 없는걸까요?
python 머신러닝 빅데이터 pandas 빅데이터분석기사
expk
2024-11-06T11:32:44.539Z
댓글 2
좋아요 0
조회수 79
미해결
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
강의 15:40 정도 보면 # 남성 중 0과 1 (인원수) 부분에서 코드를 똑같이 입력했는데 저는 뒤에 값이 0이 나옵니다... 뭐가 잘못된건가요,,? 는
python 머신러닝 빅데이터 pandas 빅데이터분석기사
dyddnjs1219
2024-11-06T11:02:06.954Z
댓글 2
좋아요 0
조회수 107
미해결
Next.js 시작하기
섹션 11의 이미지 성능 최적화 강의에서 Next.js의 이미지 성능 최적화에 대해 설명하실 때의 강의 코드가 <Image /> 컴포넌트가 아닌 <img /> 요소인데도 이미지 성능 최적화가 잘 되는 것을 보았습니다. 그럼 굳이 <img /> 요소 대신 <Imgae /> 컴포넌트를 사용해야 하는 이유가 있나요?
javascript react next.js imgae컴포넌트 성능최적화 lazyloading 지연로딩
play _Er
2024-11-06T08:51:46.974Z
댓글 2
좋아요 0
조회수 278
미해결
[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)
1 . 해당 명령어를 치려면 전역변수로 등록 하고 ui 파일 있는 위치에서 명령어를 실행하기 2 . 환경변수 등록 없이 pyside6-uic.exe 파일이있는 폴더로 터미널 경로를 이동하고 .ui 파일도 exe 폴더있는 경로로 이동시켜서 명령어 실행 위에 두가지 방법으로 했을때 .py로 컴파일이 됐었는데 pyside6-uic login.ui -o login_ ui.py 명령어 실행 할때 vscode 로 다른 방법이 있나요? 환경변수 등록을 안하고 그냥 터미널로 바로 실행하면 pyside6-uic 배치파일 에러가 떴었고 .ui 파일 있는곳에서 실행을 꼭 해야 하더라고요
진용
2024-11-06T08:03:17.732Z
댓글 2
좋아요 0
조회수 254
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
onUpadate를 주석처리하면 home으로 잘 돌아오는데, onUpadate를 실행하면 위 사진 같은 상태가 됩니다. 매번 오탈자로 질문드려서 죄송하지만 코드를 계속 살펴보고 다시 작성해봐도 같아서 질문드립니다... import Header from "../components/Header"; import Button from "../components/Button"; import Editor from "../components/Editor"; import { useParams, useNavigate } from "react-router-dom"; import { useContext } from "react"; import { DiaryDispatchContext } from "../App"; import useDiary from "../hooks/useDiary"; const Edit = () => { const params = useParams(); const nav = useNavigate(); const { onDelete, onUpdate } = useContext(DiaryDispatchContext); const curDiaryItem = useDiary(params.id); const onClickDelete = () => { if (window.confirm("일기를 정말 삭제할까요? 다시 복구되지 않아요!")) { //일기 삭제 로직 //console.log(params.id); onDelete(params.id); nav("/", { replace: true }); } }; const onSubmit = (input) => { if (window.confirm("일기를 정말 수정할까요?")) { onUpdate( params.id, input.createdDate.getTime(), input.emotionId, input.content ); } nav("/", { replace: true }); }; return ( <div> <Header title={"일기 수정하기"} leftChild={<Button onClick={() => nav(-1)} text={"< 뒤로 가기"} />} rightChild={ <Button onClick={onClickDelete} text={"삭제하기"} type={"NEGATIVE"} /> } /> <Editor initData={curDiaryItem} onSubmit={onSubmit} /> </div> ); }; export default Edit;
ju004100
2024-11-06T07:56:04.415Z
댓글 2
좋아요 0
조회수 142
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
원핫 인코딩을 했는데 0,1 이 아닌 true false 가 나오는 이유가 궁금합니다.
python 머신러닝 빅데이터 pandas 빅데이터분석기사
shs4166
2024-11-06T03:28:25.627Z
댓글 2
좋아요 0
조회수 121
미해결
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
X_train['age']가 아니라 X_train[X_train['age'] 인 이유가 궁금합니다.
python 머신러닝 빅데이터 pandas 빅데이터분석기사
shs4166
2024-11-05T14:35:35.273Z
댓글 2
좋아요 0
조회수 82
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
이 둘의 차이는 뭘까요?
python 머신러닝 빅데이터 pandas 빅데이터분석기사
shs4166
2024-11-05T14:17:53.661Z
댓글 2
좋아요 0
조회수 97
미해결
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
수치형 컬럼들 리스트로 만들 시, cols = list(X_train.columns[X_train.dtypes != 'object']) 시험에서 이렇게 해도 되나요? object랑 int랑 float 세개만 나오면 이렇게 해도 될 듯한데, 그 외 변수들이 나올 경우 대비해서, 수치형 컬럼들만 리스트 할 때, 어떤식으로 코딩하는 것이 나을까요?
python 머신러닝 빅데이터 pandas 빅데이터분석기사
wsyang
2024-11-05T13:50:54.835Z
댓글 2
좋아요 0
조회수 132
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
[0,-1]인 이유에 대해 잘 이해하지 못하겠어요
python 머신러닝 빅데이터 pandas 빅데이터분석기사
shs4166
2024-11-05T13:40:50.365Z
댓글 2
좋아요 0
조회수 89
미해결
남박사의 파이썬으로 봇 만들기 with ChatGPT
5강 기상청사이트 날씨모듈 구현1 중에서 다음과 같이 날씨 태그를 살펴보는데 <span class="tmp">4.6<small>℃</small> <span class="minmax"><span>최저</span><span>-</span><span>최고</span><span>-</span></span></span> _span_tmp.span.decompose() 을 통하여 <span class="tmp">4.6<small>℃</small></span> 남기고 모두 지우는데 제가 알기로는 span 태그가 모두 사라지는 걸로 알고 있었는데 처음 span 태그는 원래 사라지지 않는건가요?? 보통의 블로그에서는 처음부터 삭제대상 태그인 경우가 없었던지라 좀 당황스럽습니다.
python 웹-크롤링 챗봇 객체지향 openai-api
역학자
2024-11-05T12:59:22.561Z
댓글 1
좋아요 0
조회수 109
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
시험환경에서 fillna(method = 'bfill')를 사용했더니, 아래 에러코드가 발생해서 gpt로 확인했더니, train['컬럼명'] = train['컬럼명'].bfill()로도 사용할 수 있더라구요. 시험환경에서 이러한 에러코드가 발생했으니 실제 시험에서도 이렇게 사용해도 상관 없을까요 ? 에러코드 전문 /goorm/Main.out:12: FutureWarning: Series.fillna with 'method' is deprecated and will raise in a future version. Use obj.ffill() or obj.bfill() instead. train['abc'] = train['abc'].fillna(method = 'bfill')
python 머신러닝 빅데이터 pandas 빅데이터분석기사
rokkk
2024-11-05T11:24:47.513Z
댓글 2
좋아요 0
조회수 369
미해결
[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]
여러 방법으로 시도해봤는데 계속 failed가 뜨네요 왜그럴까요? (py311) PS C:\Users\MS> http GET http://localhost:8080/login?user_name=dave HTTP/1.1 200 OK Connection: close Content-Length: 18 Content-Type: application/json Date: Tue, 05 Nov 2024 10:13:02 GMT Server: Werkzeug/3.0.3 Python/3.12.4 { "auth": "failed" } from flask import Flask, jsonify, request, render_template app = Flask(__name__) @app.route('/login') def login(): username = request.args.get('user_name') passwd = request.args.get('pw') email = request.args.get('email_address') print (username, passwd, email) if username == 'dave': return_data = {'auth': 'success'} else: return_data = {'auth': 'failed'} return jsonify(return_data) @app.route('/html_test') def hello_html(): # html file은 templates 폴더에 위치해야 함 return render_template('login.html') if __name__ == '__main__': app.run(host="0.0.0.0", port="8080")
2024-11-05T10:14:42.880Z
댓글 1
좋아요 0
조회수 182
미해결
Next.js 시작하기
안녕하세요 :) 섹션 9 부분을 다 듣고 나서 명확히 이해가 가지 않는 부분이 있어 질문드립니다. getServerSideProps를 이용하여 페이지를 로딩할 때 는 "컴포넌트가 렌더링되어 HTML이 생성되는 곳"이 프론트 서버(Next.js 서버) 이고, useEffect를 이용하여 페이지를 로딩할 때 는 "컴포넌트가 렌더링되어 HTML이 생성되는 곳"이 클라이언트(브라우저) 라고 이해하는게 맞을까요?
play _Er
2024-11-05T10:04:25.164Z
댓글 1
좋아요 0
조회수 249
해결됨
한 입 크기로 잘라먹는 Next.js
강사님 안녕하세요. 학습을 거의 끝낸 상태라 거의 마지막 질문이 될 것 같기도 한데요^^ 클라이언트 컴포넌트는 서버 컴포넌트를 Import 할 수 없기 떄문에 Next 는 서버 컴포넌트를 클라이언트 컴포넌트로 동작시킨다고 배웠습니다. 그런데 만약 이러한 서버 컴포넌트에 async 방식의 api 코드가 포함되어 있는 경우에는 이런 코드가 클라이언트 방식으로 동작하면 문제가 발생할 것 같은데요. 결국, 이런 상황에서는 서버 컴포넌트를 그대로 두어서는 안되고 강의에서 설명하신 합성 방식으로 변경을 하거나 아니면 해당 서버 컴포넌트의 API 로직을 react-query 나 useEffect 훅을 이용해서 실행될 수 있는 클라이언트 컴포넌트로 리팩토링을 해야만 되는거 같은데 제가 올바로 이해한 게 맞을까요?
아리마
2024-11-05T09:30:37.386Z
댓글 2
좋아요 0
조회수 359
해결됨
[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
안녕하세요. 소수점 나이를 제거하라고 되어 있는데 이 부분을 소수점(실수형)->정수형으로 변환하도록 df1['age'] = df1['age'].astype(int) 라고 쓰면 틀린 답안이 될까요?
python 머신러닝 빅데이터 pandas 빅데이터분석기사
김진주
2024-11-05T07:32:29.834Z
댓글 2
좋아요 0
조회수 126
미해결
한 입 크기로 잘라먹는 Next.js
/app/(with-searchbar)/page.tsx /app/layout.tsx 터미널 첨부한 사진과 같이 수업내용에 따라 코드를 작성하였고, 선생님의 화면과는 다르게 저렇게 같은 GET 호출이 두번이 나오네요... 옵션을 따로 추가하는것으로 바뀌었을까요?? npm run dev를 껐다가 다시 실행해도 마찬가지의 결과가 나옵니다!
wjswlgh96
2024-11-05T07:03:00.665Z
댓글 4
좋아요 8
조회수 826
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
TypeError: onDelte is not a function onDelete를 함수로 인식하지 못하고 있다고 합니다. 오탈자가 문제인건지 잘 모르겠습니다.... import "./App.css"; import { useReducer, useRef, createContext } from "react"; import { Route, Routes } from "react-router-dom"; import Home from "./pages/Home"; import Diary from "./pages/Diary"; import New from "./pages/New"; import Notfound from "./pages/Notfound"; import Edit from "./pages/Edit"; // 1. "/" : 모든 일기를 조회하는 Home 페이지 // 2. "/new" : 새로운 일기를 작성하는 New 페이지 // 3. "/diary" : 일기를 상세히 조회하는 Diary 페이지 const mockData = [ { id: 1, createdDate: new Date("2024-11-04").getTime(), emotionId: 1, content: "1번 일기 내용", }, { id: 2, createdDate: new Date("2024-11-03").getTime(), emotionId: 2, content: "2번 일기 내용", }, { id: 3, createdDate: new Date("2024-10-07").getTime(), emotionId: 3, content: "3번 일기 내용", }, ]; function reducer(state, action) { switch (action.type) { case "CREATE": return [action.data, ...state]; case "UPDATE": return state.map((item) => { String(item.id) === String(action.id) ? action.data : item; }); case "DELETE": return state.filter((item) => String(item.id) !== String(action.id)); default: return state; } } export const DiaryStateContext = createContext(); export const DiaryDispatchContext = createContext(); function App() { const [data, dispatch] = useReducer(reducer, mockData); const idRef = useRef(4); //기본 일기 추가 const onCreate = (createdDate, emotionId, content) => { dispatch({ type: "CREATE", data: { id: idRef.current++, createdDate, emotionId, content, }, }); }; // 기존 일기 수정 const onUpdate = (id, createdDate, emotionId, content) => { dispatch({ type: "UPDATE", data: { id, createdDate, emotionId, content, }, }); }; // 기존 일기 삭제 const onDelete = (id) => { dispatch({ type: "DELETE", id, }); }; return ( <> <DiaryStateContext.Provider value={data}> <DiaryDispatchContext.Provider value={{ onCreate, onUpdate, onDelete }}> <Routes> <Route path="/" element={<Home />} /> <Route path="/new" element={<New />} /> <Route path="/diary/:id" element={<Diary />} /> <Route path="/edit/:id" element={<Edit />} /> <Route path="*" element={<Notfound />} /> </Routes> </DiaryDispatchContext.Provider> </DiaryStateContext.Provider> </> ); } export default App; import Header from "../components/Header"; import Button from "../components/Button"; import Editor from "../components/Editor"; import { useParams, useNavigate } from "react-router-dom"; import { useContext } from "react"; import { DiaryDispatchContext } from "../App"; const Edit = () => { const params = useParams(); const nav = useNavigate(); const { onDelte } = useContext(DiaryDispatchContext); const onClickDelete = () => { if (window.confirm("일기를 정말 삭제할까요? 다시 복구되지 않아요!")) { //일기 삭제 로직 //console.log(params.id); onDelte(params.id); nav("/", { replace: true }); } }; return ( <div> <Header title={"일기 수정하기"} leftChild={<Button onClick={() => nav(-1)} text={"< 뒤로 가기"} />} rightChild={ <Button onClick={onClickDelete} text={"삭제하기"} type={"NEGATIVE"} /> } /> <Editor /> </div> ); }; export default Edit;
ju004100
2024-11-05T06:49:41.245Z
댓글 2
좋아요 0
조회수 231
