묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1
강의와 다르게 용량이 나오면 어떻게 해야될까요??
(사진)
-
미해결비트코인 알고리즘 트레이딩 봇 개발
오픈건수가 아닌 자산비율 100%구매방법
오픈건수로 하나하나씩 구매하는 것이 아닌 가지고있는 자산의 모든 돈(100%)으로 종목을 구매하고 싶은데 어떻게 하는지 지금 있는 코딩을 다 갈아야하는지 궁금합니다.
-
미해결비트코인 알고리즘 트레이딩 봇 개발
리플 뿐만이 아닌 다른 종목들
1개의 종목이 아닌 20개 정도의 종목을 반복적으로 돌려가며 원하는 매수 조건이 만족 되었을 때 매수하고, 매도조건이 만족되었을때 매도 하고 싶습니다. 코인네임을 배열로 지정하고 매수조건이 맞지않거나 매도 완료시 반복하며 다음 종목으로 넘어가게끔 만들려 하는데 기술적으로 가능하거나 예측가능한 오류가 있는지 궁금합니다.
-
미해결[백문이불여일타] 데이터 분석을 위한 SQL 실전편 (무료 미니 코스)
데이터들은 어떻게 축적되서 뽑아 오는 건가요?
제가 아직 sql에 대해 잘 몰라서 드리는 질문일 것 같습니다. 혹시 발생되는 모든 데이터들은 어떻게 축적되서 뽑아 오는 건가요? column에 들어가는 값들이요~ GA를 통해서 추출하는 걸까요?
-
미해결Spring Cloud로 개발하는 마이크로서비스 애플리케이션(MSA)
apigateway-service에서 인증한 후 해당 인증 정보를 user-service에 전달하는 방법이 없을까요?
기존 MSA 방식이 아닌 설계에서는 JWT를 직접 검증하여 해당 JWT에 들어있는 정보를 가지고 유저정보를 가져와 SecurityContextHolder에 넣어서 사용했었습니다. 그러나 이번 강의에서처럼 apigateway-service에서 토큰의 유효성을 검증한다면 토큰에 들어있는 유저정보에 대한 값을 사용하기 위해서는 user-service에서 다시 한번 토큰에서 값을 추출하는 과정을 거쳐야 할 것 같습니다. 위와같은 상황에서는 gateway에서 1번, user-service에서 1번씩 총 두번의 JWT 검증을 하게 되는데, 이 방법 말고는 다른 방법이 없을까요?
-
미해결
Complete web service by website design service company in India
Looking for a website design company can be something of a nightmare. The simple fact is that there are thousands of them out there - a lot of them in India, although that is not necessarily a criticism - and some of them are very good, some are mediocre, and some are just awful. The problem is: how do you find one that is very good? They are all out there blowing their trumpets - naturally - but how do you find one that will produce the results that you need? Make no mistake, a good website is not just one that looks pretty to the untrained eye. A good website produces results. When you have a visitor to your website you want him (or her) to take a certain action. This may be to add his name to your list, send a donation to your charity, click on a link that takes him to somewhere else, get out his credit card and spend money on the spot, or one of many other actions. A good website persuades your visitor to do whatever it is that you want him to do. Anything less is a complete waste of your time and money. If your visitor clicks away - for whatever reason - you have lost him, because it is very unlikely that he will ever come back. Indeed, a good website could look very basic and simple, yet if it gets the result that you want it is a good website. Conversely, your website might be full of bells and whistles, and all singing and dancing, but if the visitor clicks away then it is not a good website. When choosing a website design company in Noida you should look for one that has been in business for several years because it will then have developed skill sets that cover everything you are going to need. It should also have a team of developers. There are many website design companies out there that are a one-man operation and it is unlikely that one man will have all the skills that you need. At the very least you will need a programmer, a graphic designer, and someone skilled in search engine optimization. This is much the same as building a house. You need a team of people including bricklayers, carpenters, electricians, plumbers, roofers, tilers, landscape gardeners, and more, to build a house. One man is not going to possess the skills to do all of it, and the same applies to building your website. One of the most important things when having your website built is to ensure that it has the best possible chance of getting on to page one of Google. You will find a great number of people who will tell you that they can guarantee you the first page of Google, and you should run a mile from those people. Nobody can guarantee you a page one position for the simple reason that nobody except Google themselves knows exactly what it is that Google uses to decide where a website appears. Certainly, a good website design company will keep up to date with Google's latest algorithms, but the final decision on where a website appears is down to nobody other than Google themselves. Believe it or not, you will find people guaranteeing you the first page on Google whose own website is ranked somewhere down on page seven! If they can't get their website on page one, what chance has yours got? Your best bet is to look at the portfolio of the design company you are considering and see what they have done in the past. In particular, check out how many of their clients do have page one rankings, as this will give you a good idea of their capabilities. Finally, don't let cost worry you too much. Yes, you may have a budget, but if you spend 1,000 and don't get results then you have just wasted 1,000. Far better to spend five times that on a website that gets your visitors taking the action that you want them to take which results in money in the bank, which is what most businesses - other than not for profit - want to achieve. The website design company in India has a team of skilled website designers and developers.
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
로지스틱 회귀 모델과 imblearn 라이브러리 관련하여 문의드립니다.
안녕하세요, 늦은 시간에 문의글 남겨 죄송합니다. 강의를 듣던 중, 로지스틱 회귀 모델에 대해 궁금한 점이 생겨 문의드립니다. 로지스틱 회귀의 경우, L2 규제가 기본 설정이라 하셨으며, 희소한 데이터 세트의 경우에도 뛰어난 성능을 보여줄 수 있다고 하셨습니다. 그렇다면 imblearn 라이브러리에서 RandomUnderSampler를 이용하여 희소한 데이터가 존재하지 않게 만든 이후, 로지스틱 회귀 함수를 사용하는 것은 틀린 방법인지 궁금합니다. (imblearn 라이브러리와 로지스틱 회귀 모델을 함께 사용하여도 가능한지 궁금합니다.) 아직 구글에서 imblearn 라이브러리와 로지스틱 회귀 모델을 함께 사용한 사례가 잘 보이지 않아 문의드리게 되었습니다. 감사합니다.
-
미해결Slack 클론 코딩[백엔드 with NestJS + TypeORM]
안녕하세요 제로초님 질문있습니다.
node express, sleact front 강의를 거쳐 여기까지 오게 되었네요 반갑습니다. redux mobx강의도 구매 해놓아서 또 찾아뵙겠네요ㅋㅋ 질문이 많을 예정입니다 잘 부탁드립니다.. 질문이 있습니다. 현재 sleact 스키마에 테이블이 있는데 다른 스키마에 테이블들을 다시 생성하고 초기 값들 설정해놓은 것들을 다른 스키마에다가 입력해주고 싶어서 각 entity에 @Entity("channelChats", { schema: "nestjs" })이런식으로 "sleact" -> "nestjs" 스키마로 바꿔줬고 app.module.ts에 @Module({ imports: [ ConfigModule.forRoot({ isGlobal: true }), UsersModule, WorkspacesModule, ChannelsModule, DmsModule, TypeOrmModule.forRoot({ type: 'mysql', host: 'localhost', port: 3306, username: process.env.DB_USERNAME, password: process.env.DB_PASSWORD, database: process.env.DB_DATABASE, autoLoadEntities: true, entities: [], synchronize: true, }) ], controllers: [AppController], providers: [AppService, ConfigService, UsersService],}) synchronize: true를 해주고 .env에 DB_DATABASE=nestjs로 해주었는데 nestjs스키마에 테이블들이 생성이 안되는데 왜이런거죠?
-
미해결면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작
포트폴리오 제작 질문있습니다.
안녕하세요~ 포트폴리오 제작 질문있는데요 지금 기존에 있던 싸이트를 제가 하드코딩으로 좀 바꿔서 만들고 있는데 그렇게 해도되는건가요? 예를들어 제가 코딩웍스님 웹 포트폴리오 강의 싸이트 레이아웃을 토대로 좀 바꿔서 사용해도 괜찮은지 궁금합니다. 아니면 처음부터 스스로 레이아웃 UI 디자인 등등 혼자 처음부터 다 창작을 해야되는건지요
-
미해결Illustrator CC 2021 기초 다지기
패널에 character, paragraph
패널중에 character, paragraph가 아예 안뜨는데 어디서 찾을 수 있나요?
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
Animation 질문이 있습니다.
코드는 똑같은거 같은데 유니티에서 작동이 이상하게 됩니다. unity에서 마우스를 클릭하고 Run->Wait를 할 때, 0으로 떨어지지가 않습니다. 한 0.91 이정도로 밖에 떨어지지가 않네요.. 이상태로, 계속 돌아가네요... 왜이런지 디버그 하면서 봤는데도 잘 모르겠습니다.
-
미해결웹 게임을 만들며 배우는 React
react dev Tools 오류
다음과 같이 떠서 코드를 볼수가 없습니다. 혹시 어떤 문제 인지 알수 있으실까요 ??
-
미해결마케터를 위한 구글 애널리틱스 실무
PDF 가이드북 요청드립니다!!
좋은 강의 열어주셔서 감사합니다 :) PDF 가이드북 요청드립니다!! dpwl3727@naver.com
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
Tensor 타입을 Numpy로 변환하는 이유가 궁금합니다.
모델 Inference 결과 중 value 값을 .numpy()를 통해 Numpy 형태로 변환해주는데, 그 이유가 Tensor 타입에는 shape나 dtype 정보가 함께 들어있어서 이를 제외한 순수 array값만을 가져오기 위해서인가요? 코드를 바꿔가며 비교해보면서 Numpy 형태로 바꾸면 값을 가져올 수 있다는 것은 알았지만, 왜 Tensor 타입은 안되는 것인지, Tensor와 Numpy의 차이는 무엇인지 등 본질적인 이유에 대해서 검색해봐도 명확하게 정리가 안되는 것 같아 질문드립니다ㅠㅠ
-
해결됨자바 ORM 표준 JPA 프로그래밍 - 기본편
AddressEntity로 따로 테이블을 만들어 매핑했을 때 값 수정
값을 수정하고 싶으면 remove 한 후에 새로 값을 넣어야 된다는 것으로 이해 했는데 이 경우 remove가 제대로 작동하지 않네요. 아마 equals 쪽에서 문제가 생긴거 같은데 어떻게 해결해야 될까요? 지금은 old1을 삭제하고 싶은데 삭제가 안되고 추가만 되고 있습니다.
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
./gradlew clean build 실패(window terminal)
[질문 내용]안녕하세요. JPA와 DB 동작 확인 테스트 까지 다 성공한 후 JAR 빌드를 실패합니다. 윈도우 cmd 에서는 통과합니다. 리눅스 환경인 window terminal에서는 안되는 것인가요? 이게 도대체 무슨 에러인지 모르겠습니다. VS-CODE에서 테스트 디버깅을 하면 H2 DB에도 잘 저장되는 것을 확인할 수 있습니다.
-
미해결실전! Querydsl
where 절 parenthesis 추가 문의
안녕하세요 where 절에서 ( A and B and C) or ( D and E and F) 조건을 처리해야하는 상황인데 다음과 같은 방법으로 하여도 쿼리가 위와 같이 나가지 않아서 문의드립니다. 1. Ops.wrapper 사용했지만 실제로는 풀려서 나감 2. 검색하여 나온 대부분의 해결책 where((A.and(B).and(C).or(D.and(E).and(F))) 하지만 실제 쿼리는 괄호가 다풀려서 나감 native 없이 querydsl에서는 불가능한 것인가요? 감사합니다.
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진
Raycast 오버로딩된 함수들 확인할때 사용하시는 단축키가
안녕하세요Raycast 오버로딩된 함수들 확인할때 사용하시는 단축키가 알고싶습니다.
-
해결됨배달앱 클론코딩 [with React Native]
질문있습니다!
질문1. 리액트 노드버드 툴킷과 이번 강의에서 리덕스 툴킷 사용법에 차이가 있더라구요. 노드버드에서는 예를 들어 login을 한다고 했을 시 dispatch로 보내주고 action폴더가 따로 있어서 action파일에서 백앤드 요청후 response를 받고 reducer폴더에서 pending. fulfilled, rejected에 따라 상태가 변하더라구요. 그런데 이번 프로젝트에서는 로그인시 먼저 axios로 api 백앤드 요청을 다이렉트로 한다음 백에서 받아온 response를 다시 dispatch하고 바로reducer폴더에서 상태관리를 시켜주더라구요. 여기서는 pending. fulfilled, rejected도 없더라구요? 이번 프로젝트에서는 리덕스 툴킷의 사용량이 적어서 이런방식을 적용하신건가요? 아니면 이번 방법이 더 효율적이라서 그렇게 하신건지 궁금합니다!. 딱히 실무에서 pending. fulfilled, rejected를 적용할 필요가 없는것인가요? 질문2. 리덕스는 램같은 것이어서 보안에 민감한 데이터를 넣어놔도 된다고 하셨는데, 해커들은 리덕스의 상태와 데이터를 못보나요? 또한 예를들어 실무에서는 리덕스에 어떤 보안에 민감한 데이터를 저장하는 궁금합니다!
-
미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
슬라이딩 스크롤이 이상하게 먹혀요!
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. html 아이디를 전부 따로 주었는데도 about이나 blog를 누르면 해당 섹션으로 이동하는게 아니라 자꾸 맨처음 지점으로 올라가게 됩니다! 스크립트와 html 중에 뭔가 문제가 있는건가요? 스크립트를 주기 전까지는 해당 섹션으로 잘 이동했었습니다 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- js 첫번째줄 필수--> <script src="js/jquery-3.5.1.min.js"></script> <!-- sliding jQuery --> <script src="js/jquery.scrollTo.min.js"></script> <script src="https://kit.fontawesome.com/a947f92a9e.js" crossorigin="anonymous"></script> <!-- slick.js --> <script src="slick/slick.min.js"></script> <link rel="stylesheet" href="slick/slick.css"> <link rel="stylesheet" href="slick/slick-theme.css"> <script src="https://kit.fontawesome.com/a947f92a9e.js" crossorigin="anonymous"></script> <!-- 공식 홈페이지에 CDN으로 가볍게 가져오는 것도 방법 중 하나 --> <!-- 순서 맨아래에 있는게 중요 --> <link rel="stylesheet" href="style.css"> <script src="js/custom.js"></script> <title>반응형 웹사이트 연습</title> </head> <body> <!-- width가 100%가 아닌 박스는 inner라는 공통 클래스를 넣어 가로너비와 마진을 정해놓는다 --> <!-- slide 작업할 때 slick.js 사이트 참고하면 좋다 --> <div class="container"> <!-- header --> <!-- active가 들어갔을때 어떻게 나오는지 실험하기 위해 클래스 미리 넣어보기 --> <header> <div class="banner"> <div class="lnb"> <a href="#none"><em>for</em> member</a> <a href="#none"><em>for</em> clients</a> <a href="#none"><em>for</em> inquire</a> </div> </div> <nav> <div class="logo"><img src="images/logo.png" alt="-"></div> <ul class="gnb"> <li><a href="#">HOME</a></li> <li><a href="#about">ABOUT</a></li> <li><a href="#ranking">RANKING</a></li> <li><a href="#testimonial">TESTIMONIAL</a></li> <li><a href="#blog">BLOG</a></li> </ul> </nav> </header> <!-- main --> <main class="intro"> <div class="inner"> <div class="heading"> <h1>The World’s Best Cities</h1> <p>It’s not just about good weather or grea t food and nightlife. Unlike other best-of lists, Resonance’s annual ranking also considers a city’s diversity.</p> </div> </div> </main> <!-- about --> <!-- a태그와 아이디 태그 이름이 같은 걸 찾아감 --> <section class="about" id="about"> <div class="inner"> <div class="about-content"> <div class="desc"> <h2>About Best Cities in the world</h2> <p> Factors including its highly rated nightlife landed Madrid, Spain, 12th on this list of world’s best cities. It’s not just about good weather or great food and nightlife. Unlike other best-of lists, Resonance’s annual ranking also considers a city’s diversity and, yes, the number of Instagram hashtags shared online to give a comprehensive view of what it’s like to visit and live in these places.<br><br> To figure out where you should travel to next, there are plenty of lists out there ranking the world’s best cities. Some use reader polls to determine which place lands at the top, while others base rankings on data like its livability or how easy it is to bike there. </p> <a href="#none">Visit the place information</a> </div> <div class="photo"> <img src="images/about-img-01.jpg" alt=""> </div> </div> </div> </section> <!-- lank --> <section class="ranking" id="ranking"> <div class="inner"> <div class="ranking-content"> <h2>The World’s 25 Best Cities of 2020</h2> <div class="itmes"> <div class="item"> <div class="up-image"> <img src="images/best-city-01.jpg" alt=""> </div> <div class="down-desc"> <span class="badge red">Must go</span> <h3>London, England</h3> <p> London’s main sights might date back millennia, but the capital’s shops, bars, hotels, and restaurants emerge and evolve on an almost weekly basis. </p> <a class="btn-explore" href="#none">Explore <img src="images/icon-arrow.png" alt=""></a> </div> </div> <div class="item"> <div class="up-image"> <img src="images/best-city-02.jpg" alt=""> </div> <div class="down-desc"> <span class="badge">Good to go</span> <h3>New York City, United States</h3> <p> New York’s performing arts scene—both on Broadway and off—is beloved by visitors and locals alike, so it’s no surprise that the Big Apple took the number one spot. </p> <a class="btn-explore" href="#none">Explore <img src="images/icon-arrow.png" alt=""></a> </div> </div> <div class="item"> <div class="up-image"> <img src="images/best-city-03.jpg" alt=""> </div> <div class="down-desc"> <span class="badge">Good to go</span> <h3>Paris, France</h3> <p> The Notre Dame fire was a devastating reminder of how well-loved Paris is by travelers worldwide, and as the capital gears up for the 2024 Olympics </p> <a class="btn-explore" href="#none">Explore <img src="images/icon-arrow.png" alt=""></a> </div> </div> </div> </div> </div> </section> <!-- test --> <section class="testimonial" id="testimonial"> <div class="inner"> <div class="test-content"> <h2>what <b>our customers</b> are saying</h2> <hr> <div class="myslider"> <div> <p class="client"> <img src="images/client-01.jpg" alt=""> <span><b>Coding Works</b>Seoul Korea</span> </p> <p class="comment"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium fugit eos maiores placeat pariatur, possimus libero maxime quod iusto! Culpa perspiciatis adipisci enim pariatur id voluptas deserunt assumenda magni facilis quae earum, sed sint magnam eligendi consequatur, officia praesentium voluptatem nesciunt cum illo eaque accusamus mollitia. Animi ea error accusantium. </p> </div> <div> <p class="client"> <img src="images/client-02.jpg" alt=""> <span><b>Kate Whitney</b>Los Angeles, US</span> </p> <p class="comment"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium fugit eos maiores placeat pariatur, possimus libero maxime quod iusto! Culpa perspiciatis adipisci enim pariatur id voluptas deserunt assumenda magni facilis quae earum, sed sint magnam eligendi consequatur, officia praesentium voluptatem nesciunt cum illo eaque accusamus mollitia. Animi ea error accusantium. </p> </div> <div> <p class="client"> <img src="images/client-03.jpg" alt=""> <span><b>Kelly Muvils</b>New York, US</span> </p> <p class="comment"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium fugit eos maiores placeat pariatur, possimus libero maxime quod iusto! Culpa perspiciatis adipisci enim pariatur id voluptas deserunt assumenda magni facilis quae earum, sed sint magnam eligendi consequatur, officia praesentium voluptatem nesciunt cum illo eaque accusamus mollitia. Animi ea error accusantium. </p> </div> <div> <p class="client"> <img src="images/client-04.jpg" alt=""> <span><b>Oliver</b>Califonia, US</span> </p> <p class="comment"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium fugit eos maiores placeat pariatur, possimus libero maxime quod iusto! Culpa perspiciatis adipisci enim pariatur id voluptas deserunt assumenda magni facilis quae earum, sed sint magnam eligendi consequatur, officia praesentium voluptatem nesciunt cum illo eaque accusamus mollitia. Animi ea error accusantium. </p> </div> <div> <p class="client"> <img src="images/client-05.jpg" alt=""> <span><b>Sophia</b>London, UK</span> </p> <p class="comment"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium fugit eos maiores placeat pariatur, possimus libero maxime quod iusto! Culpa perspiciatis adipisci enim pariatur id voluptas deserunt assumenda magni facilis quae earum, sed sint magnam eligendi consequatur, officia praesentium voluptatem nesciunt cum illo eaque accusamus mollitia. Animi ea error accusantium. </p> </div> <div> <p class="client"> <img src="images/client-06.jpg" alt=""> <span><b>Charlotte</b>Washington, US</span> </p> <p class="comment"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium fugit eos maiores placeat pariatur, possimus libero maxime quod iusto! Culpa perspiciatis adipisci enim pariatur id voluptas deserunt assumenda magni facilis quae earum, sed sint magnam eligendi consequatur, officia praesentium voluptatem nesciunt cum illo eaque accusamus mollitia. Animi ea error accusantium. </p> </div> </div> </div> </div> </section> <!-- call --> <section class="callaction"> <div class="callaction-heading"> <h2>The Most Simple & <b>Powerful Way</b><br>to book <b>your trip</b></h2> <a href="#none">GET EARLY ACCESS</a> </div> </section> <!-- blog --> <section class="blog" id="blog"> <div class="inner"> <div class="blog-content"> <div class="blog-header"> <h6>feature article</h6> <h2>Can Americans Visit Mexico Right Now?</h2> <p>Technically, there’s a ban on nonessential travel across the border through September 21. Then how are people on vacation in Cabo and Cancun right now?</p> <!-- 위에쓴거 재사용 --> <a class="btn-explore" href="#none">Read More <img src="images/icon-arrow.png" alt=""></a> </div> <hr class="divider"> <div class="post-content"> <div class="recent-post-items"> <h6>most recent</h6> <div class="post-item"> <div class="post-image"> <img src="images/most-recent-01.jpg" alt=""> </div> <div class="post-desc"> <h3>world ocean travel</h3> <p> The ocean provides a vast seascape for travel. Beyond the cruise ship there are other, more intimate, more environmentally sustainable ways to engage with the ocean. </p> <span>July 12, 2020</span> </div> </div> <hr class="divider"> <div class="post-item"> <div class="post-image"> <img src="images/most-recent-02.jpg" alt=""> </div> <div class="post-desc"> <h3>come to South Korea</h3> <p> While only 60 years ago South Korea was considered a developing country, it’s now one of Asia’s economic and cultural leaders. Super-chic Seoul combines modernism with ancient history </p> <span>August 22, 2020</span> </div> </div> <hr class="divider"> <div class="post-item"> <div class="post-image"> <img src="images/most-recent-03.jpg" alt=""> </div> <div class="post-desc"> <h3>Vietnam & Cambodia</h3> <p> Start in Hanoi and end in Bangkok! With the Discovery tour Best of Vietnam & Cambodia, you have a 18 days tour package taking you through Hanoi, Vietnam and 10 other destinations. </p> <span>June 30, 2020</span> </div> </div> </div> <div class="shared-post-items"> <h6>most shared</h6> <div class="post-item"> <div class="post-image"> <img src="images/most-shared-01.jpg" alt=""> </div> <div class="post-desc"> <h3>Events in NYC</h3> <p> New York City is the place to see and do everything </p> <span>May 02, 2020</span> </div> </div> <hr class="divider"> <div class="post-item"> <div class="post-image"> <img src="images/most-shared-02.jpg" alt=""> </div> <div class="post-desc"> <h3>FESTIVALS</h3> <p> Experiencing a festival together with a group of like-minded </p> <span>Jan 18, 2020</span> </div> </div> </div> </div> </div> </div> </section> <!-- festival --> <section class="festival"> <div class="festival-heading"> <h2><span>SEE ALL FESTIVALS</span> for the Best Trip Place</h2> <div class="btn"> <a href="#none">Maxico Festivals</a> <a href="#none">Barcelona Festivals</a> </div> </div> </section> <!-- footer --> <footer> <div class="inner"> <div class="footer-content"> <ul class="community"> <li>Community</li> <li><a href="#none">Subscribe</a></li> <li><a href="#none">Give A Gift</a></li> <li><a href="#none">Customer Service FAQ</a></li> <li><a href="#none">Access Your Subscription</a></li> </ul> <ul class="network"> <li>Network</li> <li><a href="#none">Privacy Policy</a></li> <li><a href="#none">Terms Of Service</a></li> <li><a href="#none">Advertise</a></li> <li><a href="#none">Jobs</a></li> </ul> <ul class="help"> <li>Help Preserve This Project</li> <li> We may earn a commission if you purchase an item featured on our site.</li> <li>Copyright © 2020 CodingWorks. All rights reserved.</li> </ul> </div> </div> </footer> </div> <!-- a태그를 #로 하면 위로 올라간다 --> <a class="gototop" href="#"><i class="fa-solid fa-angle-up"></i></a> </body> </html> $(function(){ // sliding jquery $('.gnb a').click(function(e) { e.preventDefault(); $.scrollTo(0, 800); }); // header scroll change $(window).scroll(function(){ // 윈도우 스크롤 탑이 50보다 크다면 if ($(window).scrollTop() > 50) { // 선택자 헤더에 클래스를 붙인다 'active' $('header, .gototop').addClass('active') } else { $('header, .gototop').removeClass('active') } }) // slick.js $('.myslider').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 3, slidesToScroll: 3, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); });