172만명의 커뮤니티!! 함께 토론해봐요.
미해결
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet" href="layout.css" /> </head> <body> <nav> <div class="inner"> <div class="nav-container"> <hi class="nav-title">맛집지도</hi> <button class="nav-contact">contact</button> </div> </div> </nav> <main> <section id="category"> <div class="inner"> <div class="category-container"> <h2 class="category-title">맛집지도 카테고리를 선택해보세요</h2> <div class="category-list"> <button class="category-item">한식</button> <button class="category-item">중식</button> <button class="category-item">일식</button> <button class="category-item">양식</button> <button class="category-item">분식</button> <button class="category-item">구이</button> <button class="category-item">회/초밥</button> <button class="category-item">기타</button> </div> </div> </div> </section> <!-- 카테고리 --> <div id="map" class="inner"></div> <!-- 카카오지도 --> </main> <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=b156fcbd2ea3a6340f64c07f5eaef559" ></script> <script src="layout.js"></script> </body> </html> @font-face { font-family: "KyoboHandwriting2020A"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff") format("woff"); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; box-sizing: border-box; } html { font-family: "KyoboHandwriting2020A"; font-size: 10px; } nav { /* background-color: orange; */ } .nav-container { padding: 1rem 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .nav-title { font-size: 3rem; } .nav-contact { font-size: 2.5rem; justify-content: right; border: none; background: none; cursor: pointer; font-family: inherit; } .category-title { font-size: 3.5rem; } .category-item { width: 25%; height: 5rem; background: none; border: none; font-family: inherit; font-size: 1.6rem; } .category-item:hover { color: orange; cursor: pointer; } .inner { padding: 0 1.5rem; } @media all and (min-width: 1024px) { .inner { max-width: 1024px; margin: 0 auto; } } /* 카카오맵 css */ body { height: 100vh; } nav { height: 59px; } main { padding-top: 1.5rem; height: calc(100%-59px); display: flex; flex-direction: column; } #map { flex-grow: 1; width: 100%; height: 100%; } var container = document.getElementById("map"); //지도를 담을 영역의 DOM 레퍼런스 var options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(33.450701, 126.570667), //지도의 중심좌표. level: 3, //지도의 레벨(확대, 축소 정도) }; var map = new kakao.maps.Map(container, options); //지도 생성 및 객체 리턴 이렇게 했는데 지도가 안 나와요ㅠㅠ 어디가 틀린 걸까요
HTML/CSS javascript aws git mysql rest-api github
너굴너굴
2023-09-24T16:51:30.499Z
댓글 2
좋아요 0
조회수 520
미해결
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
다 알맞게 작성한거 같은데 계속 오류가 나요ㅠㅠ hostname에 퍼블릭 ip를 작성하는것이 맞을까요? 강의따라서 수업 내용은 잘 따라하였습니다
HTML/CSS javascript aws git mysql rest-api github
jdy1336
2023-09-24T13:19:54.344Z
댓글 2
좋아요 0
조회수 530
해결됨
쥬쥬와 함께 하루만에 시작하는 백엔드 - 스프링, 도커, AWS
안녕하세요. 강의 잘 듣고 있습니다. 인바운드 규칙도 규가해줬는데 IP주소:8080/h2-console 을 누르면 404 에러가 발생하는데 왜 그런지 잘 모르겠습니다!
spring git docker spring-boot jpa github
조재연
2023-09-22T03:30:22.559Z
댓글 1
좋아요 2
조회수 2606
해결됨
[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)
안녕하세요 뉴스크롤링에서 크롤링 하고자 하는 뉴스의 기간을 정해주려면 response = requests.get(" https://search.naver.com/search.naver?where=news&sm=tab_jum&query=검색어 ") 위 코드의 " " 안에 뉴스기간을 옵션으로 설정하여 검색한 페이지의 URL을 긁어서 넣어주면 되는걸지요? 감사합니다.
cherrykim90
2023-09-21T19:40:04.371Z
댓글 2
좋아요 0
조회수 1203
미해결
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
혹시 유튜브가 아닌 네이버 map 링크나 blog 주소를 가져오려면 어떻게 해야 할까요???
HTML/CSS javascript aws git mysql rest-api github
SeungJoo
2023-09-21T15:44:36.688Z
댓글 1
좋아요 0
조회수 201
미해결
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
강사님 예시 사이트 저도 접속이 안됩니다 크롬 , 엣지 브라우저 둘다 해봐도 안됩니다. 확인 부탁드립니다.
HTML/CSS javascript aws git mysql rest-api github
sonty20002
2023-09-21T04:53:57.276Z
댓글 1
좋아요 0
조회수 292
미해결
팀 개발을 위한 Git, GitHub 입문
강의자료부탁드립니다.. koghjeon20@gmail.com
kojs20
2023-09-21T03:24:53.544Z
댓글 3
좋아요 0
조회수 266
해결됨
코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)
ykjs47@naver.com 초대 부탁드립니다!
sooie
2023-09-17T11:47:05.729Z
댓글 1
좋아요 1
조회수 327
해결됨
팀 개발을 위한 Git, GitHub 입문
깃이 너무 어려웠는데 차근 차근 잘 보고 있습니다. 감사합니다. 저도 강의자료 부탁드려도 될까요!! cielo_u@naver.com 입니다!
yuslz35
2023-09-16T10:00:03.978Z
댓글 2
좋아요 0
조회수 252
미해결
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
커리큘럼이 너무 좋아서 수강신청을 했는데 Node Express.js 로 서버를 구축 하더라고요 혹시 Node Express.js 를 스프링으로도 구현할 수 있을까요???
HTML/CSS javascript aws git mysql rest-api github
갓건
2023-09-11T02:43:19.384Z
댓글 1
좋아요 0
조회수 378
미해결
하고 싶은 것 일부 주문이 서비스 유형: 픽업임에도 배달메뉴코드로 생성되어 이를 찾고 싶습니다. (배달메뉴와 픽업메뉴 코드는 서로 다름) 엑셀 vookup을 사용해서 상품코드를 배달 메뉴 테이블에서 검색하고, 검색되지 않으면 오주문으로 판단하는 코드를 구현했습니다. 같은 프로그램을 파이썬을 통해 구현해보고 싶은데, 다른 dataframe에 없는 값을 찾아 행을 추가하는 과정이 어려워 조언을 구하고 싶습니다. 파이썬 코드 df_pickup = 픽업 주문내역 데이터 프레임 delivery_menu_code = df_delivery_menu["상품코드"] df_misorder = pd.DataFrame() # 픽업 주문내역에서 상품코드를 꺼내 해당 상품코드가 배달 메뉴 코드에 포함되어 있는지 확인 # 만약에 코드가 없으면 해당 row를 df_misorder에 추가 for idx, row in df_pickup.iterrows(): misorder = df_delivery_menu[delivery_menu_code.str.contains(row["상품코드"], na = False)] if len(misorder) != 0: df_misorder.concat(row) else: pass # 어떻게 추가해도 계속 0개로 나와서, 도와주시면 감사드리겠습니다! len(df_misorder)
최경완
2023-09-10T02:04:34.599Z
댓글 1
좋아요 1
조회수 1020
해결됨
코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)
만약 팀플하면서 코드 작성 후 코드 올릴 때 첫 번째 상자랑 두 번째 상자가 뜨는데 차이가 뭔가요? 메인 브렌치로 커밋하게 된다면 제 개인 레파지토리에 올라가는 건가요?
zzzzz
2023-09-09T06:22:08.553Z
댓글 1
좋아요 1
조회수 368
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
중괄호 등을 통해서 코드를 작성할 때 중괄호가 [] 이렇게 두개 자동으로 생성되는데요. 이외에도 '' 등 두개씩 자동으로 만들어줘서 코드를 작성하는데는 편리한데 'LEE' 등 코드를 쓰고 EE에서 '를 넘어 가기 위해 방향키를 눌러줘야 하는 불편함이 있습니다. 혹시 빠르게 작성하기 위해 단투키 같은게 별도로 있을지 문의드립니다
9시30분출근
2023-09-07T14:57:32.904Z
댓글 1
좋아요 0
조회수 581
해결됨
모두의 깃 & 깃허브
명령어로 풀 리퀘스트 보내기 실습 중, 마지막에 풀 리퀘스트 보낼 때 아래와 같은 오류가 뜹니다. 오류가 뜬 이유랑 해결 방법이 궁금합니다.
daniel29.family2
2023-09-05T01:16:37.195Z
댓글 1
좋아요 0
조회수 311
해결됨
코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)
슬랙 초대 가능할까요? gkdbs1411@gmail.com 입니다
yoon
2023-09-04T07:31:34.806Z
댓글 1
좋아요 1
조회수 317
미해결
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
이런게 뜨는데,,, 백 작업한쪽 nodemon 해서 서버 켰는데 왜 이런 에러가 뜰까요??? 이 전 까지는 문제 없었는데 이유를 알 수 있을까요?
HTML/CSS javascript aws git mysql rest-api github
SeungJoo
2023-09-04T05:12:11.912Z
댓글 2
좋아요 0
조회수 512
미해결
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
커뮤니티에 있는 my sql 8버전 명령어를 사용했는데 이렇게만 뜨는데 어떻게 하면 될까요?? ㅠ 그리고 aws에서 18버전이 없어서 20버전으로 했는데 20버전이 혹시 mysql 8버전만 지원하는지 궁금합니다.
HTML/CSS javascript aws git mysql rest-api github
SeungJoo
2023-09-03T03:12:14.888Z
댓글 2
좋아요 0
조회수 400
미해결
따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
지금 nginx 를 이용해서 웹서버 랑 proxy랑 둘다 하는걸로 이해했는데 그럼 docker-compose.yml 측에서 frontend 빌드시 Dockerfile.dev 사용하니까 frontend 변경사항이 바로 보여야 하는지 아닌지 궁금합니다 frontend 변경 -> nginx 에서 정적파일을 가져와서 제공 지금 이런식인데 docker-compose yml 에서 nginx: restart: always build: dockerfile: Dockerfile context: ./nginx ports: - "3000:80" 여기에서는 볼륨이 딱히 보이지 않아서요 nginx에서는 변경사항이 있으면 어떻게 tracking 하는건가요? 프론트엔드가 변경되어도 그 변경된 사항을 다시 빌드해서 웹서버에서 제공이 되야하는건가요 안되는건가요? 현재는 프론트엔드 변경사항이 바로 반영이 되지 않아 제가 틀린건지 궁금해서 여쭙니다
aws docker github ci/cd travis-ci 데이터-엔지니어링
chgus0202
2023-09-02T07:29:15.381Z
댓글 1
좋아요 0
조회수 513
미해결
따라하며 배우는 리액트 테스트 [2023.11 업데이트]
안녕하세요 이번에 '따라하며 배우는 React Testing' 강의를 수강중인 박동준이라고 합니다. 이번 강의에서 여행상품 앱 만들기 파트에서 진행하는 방법들을 정리하여 개인 포트폴리오로서 활용하고 싶습니다. 모든 소스코드를 올리는것이 아니라, 방법적인 부분들을 정리하고 회원가입 또는 게시글 작성 및 댓글 등 간단한 CRUD 로직으로 배운 개념을 적용하여 코드 및 방법들에 대해서 올리고자 합니다. 혹시 이런 방법으로 제 개인 github에 업로드 해도 되는지 궁금합니다!
react 웹앱 React-Context jest 소프트웨어-테스트 github
박동준
2023-09-01T19:53:01.167Z
댓글 1
좋아요 0
조회수 326
미해결
파이썬 무료 강의 (활용편3) - 웹 스크래핑 (5시간)
태그 관련 내용이 반환이 안 되는데 어떻게 하면 될까요?
python 웹-크롤링 selenium 웹-스크래핑
고인규
2023-09-01T08:22:34.485Z
댓글 4
좋아요 0
조회수 1207
