묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
styled-component ssr
스타일드 컴포넌트 ssr을 설정을 했는데도 자꾸 css가 깨지는데 혹시 어느 부분을 살펴보면 될까요 바벨과 document부분 모두 설정했습니다 강좌와는 다르게 타입스크립트로 진행했습니다
-
미해결스프링 시큐리티 OAuth2
0auth2.0 roles의 이해
키 클락을 로컬 8080으로 띄워서 강의처럼 실습을 하고 있습니다roles1번 을 통해 user 로 로그인 바로 리다이렉트 http:localhost:8081 로 넘어가고grant access 화면이 뜨지 않는데 왜 그런건가요 ?
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
인텔리제이에서 실행할 때와 터미널에서 실행할 때 차이
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]인텔리제이에서 실행 터미널에서 실행/hello 들어 갔을 때 터미널에서 실행할 때는 띄워주지 않는데 왜 그럴까요그리고 libs에 hello-spring-0.0.1-SNAPSHOT-plain.jar파일이 추가로 더 있던데 어떤 역활인지 궁금합니다
-
미해결함수형 프로그래밍과 JavaScript ES6+
질문 있습니다.
안녕하세요. 수업 중 이해를 잘 못한것 같아 질문 드립니다.const value = [[1, 2], [3, 4], [6, 7, 8]]; L.flatMap = curry(pipe( L.map, L.flatten, )); let it = L.flatMap(map(a => a * a), value) log(...it)위 코드가 돌아가는 과정을 한눈에 이해하기 어렵네요. 제가 생각한 흐름은 아래와 같은데 봐주실수 있을까요??L.flatMap을 만든다. L.flatMap은 인자를 받을 준비를 하는 함수로 인자를 받으면 L.map과 L.flatten을 차례로 실행시켜 준다. L.flatMap의 내부 함수 pipe를 curry로 감싸긴 했지만 실행시 인자 2개를 같이 넣어줄 것이기 때문에 의미 없다. L.flatMap을 실행시켜준다. 첫번째 인자로 map(a => a a) 두번째 인자로 value 값을 넣는다. 넣은 값은 L.map으로 간다. \L.map과 L.flatMap의 인자로 들어온 인자(a => a a, value)는 L.map과 합성된다. 하지만 L.map 안에 log가 바로 찍히지 않는다. 왜냐면 제너레이터는 값이 필요해질 때(next()) 코드가 실행된다. 첫 번째 값이 필요 없다면 아예 실행되지 않고 map(a => a a)와 value가 들어간 상태로 대기?한다. 그 후 L.flatMap 함수를 평가해 값을 하나씩 가져오게 되면 L.flatten으로 가서 값을 만드려 하는데 iter 값이 없으므로 L.map으로 간다. L.map 으로 가서 값을 만드는데 이터러블한 데이터를 하나 가져와서 3번에서 인자로 받은 map(a => a a)을 이용해 값을 다룬 후 yield로 보내준다.차례대로 값을 가져온다.다시 앞으로 돌아가서 천천히 복습해보는게 좋을까요? 아니면 일단 들어보면서 이해해보는게 좋을까요? 어렵지만 강의와 강의 내용은 너무 재밌습니다. 감사합니다.
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
스택을 사용하기 했는데 효율성이 떨어지는 거 같아 리뷰 요청드립니다~
function solution(a){ let answer=0 let stack = [] let stick = [] let laser = [] // 막대 내 속한 레이저의 갯수 + 1이 최종 막대 갯수 // 막대 한 개 안에 속한 레이저가 총 몇개인지 구해서 카운트 더하기 for(let x=0; x<a.length; x++){ //막대 시작 if(a[x]==="(" && a[x+1] !==")"){ stack.push(x) } // 막대 끝 if(a[x]===")" && a[x-1] !=="("){ const pair = stack.pop() stick.push([pair,x]) } //레이저인데 막대 내부에 있는 레이저인 경우 if(a[x]=="(" && a[x+1]==")" && (a[x-1]=="(" || a[x+2]==")")){ laser.push(x) } } for (let i = 0; i < stick.length; i++) { const start = stick[i][0]; const end = stick[i][1]; let cnt = 0 for (let j = 0; j < laser.length; j++) { if (laser[j] > start && laser[j] < end) { cnt++ } } answer += cnt+1 } console.log(stick,laser) return answer } let a="()(((()())(())()))(())"; console.log(solution(a)); 이렇게 하다 보니 이중 for문을 사용해 복잡도가 n2이 되버려서 효과적이지 못한거같습니다.. 이런 접근 법은 별로일까요
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
7강 포스트맨 질문
회원가입으로 send하면저는 오히려 결과가 나오질 않습니다.ㅜㅜ제눈엔 오타가 안보이는데 어떠문제일까요const express = require("express"); const app = express(); const PORT = 4000; const bodyParser = require('body-parser'); const {User} = require("./models/User"); //application/x-www-form-urlencoded 정보 분석 app.use(bodyParser.urlencoded({extended: true})) //application/json파일을 분석 app.use(bodyParser.json()) app.get('/',(req, res) => {res.send('Hello Word!')}) app.post('/register',(req,res)=>{ //회원가입할 때 필요한 정보들을 client에서 가져오면, //그 정보들을 DB에 넣어준다. const user = new User(req.body); //user모델에 정보가 저장됨 //실패 시, 실패한 정보를 보내줌 user.save((err, userInfo) => { if(err) return res.json({success: false, err}) return res.status(200).json({success: true}) }) }) app.listen(PORT, () => { console.log("서버 실행"); });
-
미해결실전! Querydsl
벌크연산
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/)[질문 내용]질문 1.벌크 연산시em.clear 을 해주는데 이때 원치 않는영속성 컨텍스트의 값을 clear 하는 경우는 없나요 ? 그리고 벌크 연산시 flush,clear을 해주는 이유가영속성 컨텍스트와 디비 정보를 일치하게 만들어 줄려고 하는건데만약에 벌크연산 트랜잭션 안에 따로 벌크연산말고 다른 코드가 없으면 em.flush, em.clear 코드기 필요 없는데 습관처럼 안전하게 넣는다고 생각하면 되는건가요? ==============================질문 2.querydsl 은 업데이트할떄 때로findbyid 를 할 필요가 없는건가요 >?
-
해결됨자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)
setOf,mutableSetOf 기본 구현체가 LinkedHashSet이면
HashSet은 순서를 보장하지않고LinkedHashSet은 node로 순서를 보장하는걸로 알고 있습니다. 코틀린에서 타고 들어가면@SinceKotlin("1.1") public actual typealias LinkedHashSet<E> = java.util.LinkedHashSet<E>이렇게 나와서 그대로 사용하는 거 같더라구요 그래서 setOf 나 mutableSetOf는순서를 보장하는 Set이라고 생각해도 될까요?
-
해결됨PM을 위한 데이터 리터러시(프로덕트 데이터 분석)
4-8 지표 정의 연습 문제
안녕하세요. 연습 문제 공유합니다.생각보다 시간이 많이 걸렸어요 ㅎㅎ 고민할수록 어렵네요..! #1 기능이 잘 동작하고 있는지 확인하려면?. 해당 버튼들이 사용자들의 관심을 잘 끌고 있는지 체크: 버튼 클릭 횟수/홈화면 진입 횟수 #2 검색 만족도 지표. 검색했을 때 검색 결과가 없던 횟수를 체크 (불만족 지표로 사용) : 검색 결과 없음 화면 표시 횟수 / 검색 횟수. 검색 결과 화면에서 앱을 이탈한 횟수를 체크 (불만족 지표로 사용) :검색 후 세션이 끝난 횟수 / 검색 횟수. 검색 결과 화면에 있는 가게 정보를 확인하고 주문한 횟수를 체크 (만족 지표로 사용): 검색 결과의 가게 정보로 진입하며 주문한 횟수 / 검색 횟수 #3 검색 필터 기능의 활성화 지표. 검색 필터를 사용한 후 원하는 정보를 얻어 주문했는지를 확인: 검색 필터 사용 후 주문한 횟수 / 검색 필터 사용 횟수 #4 배달 서비스에서 가장 중요한 지표는?. 가장 중요한 지표? 주문 전환율. 왜? 사용자들이 배달 서비스를 사용하는 이유는 ‘주문’을 하기 위함이고, 이 메인 서비스를 많이 이용해야 서비스가 성장할 수 있으므로. 가게들로 부터 얻는 광고 수수료등이 있다고 해도 기본적으로 사용자의 주문이 많아야 가게를 모집하기 용이하기 때문에 가장 중요한 지표는 ‘주문 전환율’이라고 생각!. 어떻게 늘리지? 주문하기까지의 퍼널 중 사용자들이 많이 이탈하는 구간을 찾고 이 부분의 이탈률을 낮추는 방안을 찾는다. #5 추천 알고리즘의 성능 지표. 추천 알고리즘에 의해 추천한 상품의 클릭율 : 추천 상품 클릭 횟수/추천 상품 표시 횟수. 추천 상품과 일반적인 상품의 구매전환율 비교: 추천 상품 클릭 후 구매 횟수/일반 상품 클릭 후 구매 횟수→ 1과 같거나 크면 추천 알고리즘 성능이 좋다고 볼 수 있을 것 같습니다 #6 자주 사용하는 서비스의 지표. 플로→ 리텐션: 음악 서비스는 사람들마다 사용하는 주기가 다르고 체류 시간도 다르기 때문에 ‘다시 사용한다’는 지표만으로도 서비스를 잘 사용하고 있는지 파악할 수 있다고 생각.→ 그 외 1) 회원 이탈률: 음악 서비스는 한 번 이탈하면 다시 돌아오기가 어렵기 때문에. 또한 보통은 아예 음악 구독을 안 하기 보다는 경쟁사로 옮기는 경우가 많으므로 이탈률을 확인해서 경쟁사로부터 어떤 위협을 받고 있는지 확인할 수도 있기 때문에→ 그 외 2)체류 시간: 얼마나 많이 음악을 재생했는지는 얼마나 원하는 음악이 많은지를 알려주고, 재생하지 않더라도 앱을 켜고 탐색하는 시간은 앱에 얼마나 흥미로운 콘텐츠가 많은지 간접적으로 알려주기 때문에!. 듀오링고→ 2회 이상 연속 접속하는 사용자 / 전체 사용자 : 사용자를 매일 접속하도록 하는 다양한 장치 (연속 학습 그 자체가 보상처럼 느껴짐, 며칠 이상 연속 학습 시 앱 내 보상 지급 등)가 있는 것으로 보아 사용자가 매일 사용할 수 있도록 하는 것이 1차 목표라고 생각. 그런데 정말로 매일 사용하기는 쉽지 않으므로, 2회 이상 사용하고 있다면 앞으로 계속 듀오링고를 사용할 가능성이 높다고 보고 ‘2회 이상’으로 잡음.→ 그 외 1) 유료 결제 사용자 / 전체 사용자: 유료 결제를 유도하는 다양한 장치가 있는 것으로 보아 광고보다는 유료 결제 사용자의 수가 수익과 직접적으로 연결된다고 생각함→ 그 외 2) 신규 사용자 수: 한 사용자로부터 얻을 수 있는 수익이 한정되어있으므로 사용자를 절대적으로 늘리는 것이 중요하다고 생각함. #7 퍼널 개선 프로젝트. 추가 기능 진행 전/후를 파악하는 AB Test를 진행한 후 전의 가입 전환율과 후의 가입 전환율을 비교한다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
백엔드를 만드려면 backend course부분 수강해야 하나요?
백엔드를 만드는 부분은 backend course를 들어야 가능한가요? 중고마켓 부분 포트폴리오를 만드려고 하는데 playground 부분을 직접 설계하고 싶다는 생각이 들었습니다. 프론트 강의에 그 부분이 포함되어 있나요? 저는 간단한 중고마켓을 만들고 싶은데 백엔드 분량이 너무 많아서 프론트 강의에 백엔드 부분 있길래 백엔드 강의(백엔드 부트캠프)는 나중에 들을려고 결제를 미뤘습니다. 일단 포트폴리오 만드는데에는 프론트 강의만으로 충분한가요? 저만의 웹페이지를 만들려면 강의 api보다는 직접 api를 만들어서 하는게 좋다고 생각해서 강의를 구매했습니다.
-
미해결15일간의 빅데이터 파일럿 프로젝트
서버 메모리 문제
안녕하세요~선생님,강의를 잘 해 주셔서 현재 RStudio를 진행하고 있는데 클라우라가 작동 되지 않습니다.강의 후반에 오면서 메모리 문제가 발생했는데 어떻게 조치해야 합니까?이전에 질문 조회를 해서 불필요한 파일 삭제하고,hadoop fs -setrep 1 /명령도 실행해 보았습니다.클라우데라 현상태는 아래와 같습니다,, 제 PC사양은 RAM 32GB이고 아래와 같습니다
-
미해결React 기반 Gatsby로 기술 블로그 개발하기
13강까지 들었는데, 프로필 이미지와 썸네일 이미지가 잘 뜨질 않습니다.
안녕하세요,강의 잘 듣고 있습니다. 13강까지 잘 따라왔는데, 이미지가 잘 뜨지 않는 현상이 있는데 어떤 부분 때문인지 잘 모르겠습니다.저의 레포 링크는 여기입니다. https://github.com/changerlemond/claire-tech-blog 도움 주시면 감사하겠습니다!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
fixed position when scrolling 옵션
Constraints 밑에 fixed position 옵션이 안 뜨는 경우는 어떻게 해결해야 하나요?
-
미해결[유니티 레벨 업!] 모듈식으로 개발하는 퀘스트&업적 시스템
ShowDetail 질문
선생님 안녕하세요. QuestView 부분에서 질문이 있습니다.처음에 QuestListView에서 elementTextPrefab의 토글 이벤트로 QuestView의 ShowDetail 메서드를 등록해서실제로 elementTextPrefab의 토글이 바뀔때마다 ShowDetail의 isOn부분을 제어하게되는데, 토글이 바뀔때 quest의 내용까지 바뀌는 것은 처음에 이벤트를 등록할 때 quest 파라미터의 정보까지 한꺼번에 등록되어서 그런것인가요?
-
해결됨자동차 SW - UDS 진단통신 정복하기
강의 자료 문의
안녕하세요. 강사님,혹시 강의자료 공유를 받을 수 있을까요?강의자료에 메모하면서 수강을 하고자 질문드립니다.감사합니다 :)
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
강의 잘 따라가고 있는지 체크 부탁합니다.
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>영상박물관</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="main-content"> <div class="left"> <header> <div class="header-logo"> <a href="#none"><img src="images/header-logo.png" alt="header logo"></a> </div> <div class="navi"> <ul class="menu"> <li> <a href="#none">박물관 소개</a> <div class="sub-menu"> <a href="#none">인사말</a> <a href="#none">박물관연혁</a> <a href="#none">박물관 조직도</a> <a href="#none">오시는 길</a> </div> </li> <li> <a href="#none">전시</a> <div class="sub-menu"> <a href="#none">전시 리스트</a> <a href="#none">전시일정</a> <a href="#none">특별전</a> <a href="#none">지역작가</a> </div> </li> <li> <a href="#none">체험행사</a> <div class="sub-menu"> <a href="#none">문화행사</a> <a href="#none">진로체험</a> <a href="#none">명사특강</a> </div> </li> <li> <a href="#none">커뮤니티</a> <div class="sub-menu"> <a href="#none">사용자메뉴얼</a> <a href="#none">박물관 약도</a> <a href="#none">게시판</a> </div> </li> </ul> </div> <div class="spot-menu"> <a href="#none">로그인</a> <span>|</span> <a href="#none">회원가입</a> </div> </header> </div> <div class="center"> <div class="items"> <div class="shortcut"> <img class="shortcut-image" src="images/shortcut-01.png" alt="shortcut image"> <div class="shortcut-content"> <h2>얼리버드 선착순 할인 이벤트</h2> <p> 12월 개강반을 접수하는 분들께는 15%의 얼리버드 할인을 제공합니다.<br> <b>기간: 2022년 12월 18일~ 12월 25일</b> </p> </div> <a href="#none"><img src="images/shortcut-02.png" alt="shortcut link"></a> </div> <div class="news"> <div class="tab-inner"> <div class="btn"> <span>공지사항</span> </div> <div class="tab1"> <a class="open-modal" href="#none"><em>스트리밍 서버 이전 작업으로 2시간 서비스 중지</em><b>2022.12.20</b></a> <a href="#none"><em>얼리버드 선착순 할인 이벤트 최대 50% 할인</em><b>2022.10.13</b></a> <a href="#none"><em>내 집 마련의 꿈을 꿈이 아닌 현실로 만드는 진짜 방법</em><b>2022.11.31</b></a> <a href="#none"><em>외국인과 영어로 네이티브처럼 대화하는 노하우</em><b>2022.08.09</b></a> <a href="#none"><em>월 500만원 매출을 내는 블로그 운영하는 노하우</em><b>2022.07.07</b></a> </div> </div> </div> <div class="gallery"> <div class="tab-inner"> <div class="btn"> <span>갤러리</span> </div> <div class="tab2"> <a href="#none"><img src="images/gallery-01.png" alt="gallery1"><span>퍼블리셔 취업 가이드</span></a> <a href="#none"><img src="images/gallery-02.png" alt="gallery2"><span>전문가가 되는 사진촬영</span></a> </div> </div> </div> </div> </div> <div class="right"> <div class="slide"> <div class="slide-image"> <div class="slide-image-inner"> <a href="#none"><img src="images/slide-e-01.jpg" alt="slide1"></a> <a href="#none"><img src="images/slide-e-02.jpg" alt="slide2"></a> <a href="#none"><img src="images/slide-e-03.jpg" alt="slide3"></a> </div> </div> </div> </div> </div> <footer> <div class="footer-logo"> <a href="#none"><img src="images/footer-logo.png" alt="footer logo"></a> </div> <div class="copyright"> 상호 : (주)코딩웍스 | 대표자 : 홍길동 | 개인정보관리책임자 : 성춘향 부장 사업장주소 : 경기도 남양주시 별내동 1234 코딩웍스 빌딩 6층 (주)코딩웍스 </div> <div class="sns"> <a href="#none"><img src="images/sns-01.png" alt="sns1"></a> <a href="#none"><img src="images/sns-02.png" alt="sns2"></a> <a href="#none"><img src="images/sns-03.png" alt="sns3"></a> </div> </footer> </div> <div class="modal"> <div class="modal-content"> <h3>스트리밍 서버 이전으로 서비스 장애</h3> <p> 스트리밍 서버 이전 작업으로 2시간 서비스 중지됩니다. 주요 작업 내용은 아래와 같습니다. <ol> <li>서버 이전에 따른 DNS 이전으로 기존 호스팅 서비스 대체</li> <li>문자셋을 utf-8로 변경 후 모바일 등에 대처하기 위해 미리 조치</li> <li>스트리밍 서버 CDN과 연동 후 멀티미디어 이러닝 서비스가 제공</li> </ol> 위 내용을 보시면 제법 큰 작업이었음을 알 수 있습니다.<br> 특히 문자셋의 변경에 따라 기존의 DB, data, 웹사이트 솔루션 등의 커스트마이징 등에 상당한 어려움이 있었고, 이에 따른 일부 접속 오류가 있을 수 있었음에 양해를 구합니다. 특히 인터넷익스플로러 11로 접속하셨을 경우 일부 문제은행 목차가 출력되지 않았을 수도 있습니다.<br> 서버 이전 작업으로 고객님들께 불편을 드려서 대단히 죄송합니다.<br> 정상 운영되도록 최선을 다하겠습니다. 감사합니다. </p> <a class="close-modal" href="#none">닫기</a> </div> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custom.js"></script> </body> </html> @charset "UTF-8"; body { margin: 0; background-color: #fff; color: #333; font-size: 15px; } a { color: #333; text-decoration: none; } .container {} .main-content { display: flex; } .main-content > div { /* border: 1px solid red; */ /* height: 800px; */ } .left { width: 200px; } .center { width: 400px; } .right { flex: 1; } header { position: relative; z-index: 10; } header > div { /* border: 1px solid blue; */ } .header-logo { height: 100px; display: flex; align-items: center; } .navi { height: 150px; } /* Navigation */ .menu { list-style: none; padding: 0; width: 90%; margin: auto; margin-top: 10px; } .menu li { text-align: center; background-color: #fff; position: relative; } .menu li > a { border: 1px solid #000; display: block; padding: 5px; transition: 0.5s; } .menu li:hover > a { background-color: #000; color: #fff; } .sub-menu { border: 1px solid #000; position: absolute; top: 0; left: 100%; width: 100%; height: 150px; background-color: #ddd; display: none; } .sub-menu a { display: block; padding: 5px; transition: 0.5s; color: #000; } .sub-menu a:hover { background-color: #000; color: #fff; } .spot-menu { height: 50px; text-align: center; } .spot-menu a:hover { text-decoration: underline; } .items {} .items > div { /* border: 1px solid black; */ } .shortcut { height: 150px; display: flex; align-items: center; font-size: 14px; padding: 0 5px; gap: 5px; } .shortcut .shortcut-image { height: 70px; } .shortcut h2 { font-size: 17px; } .news { height: 250px; } .gallery { height: 250px; } /* news & gallery */ .tab-inner { width: 95%; margin: auto; margin-top: 25px; } .btn {} .btn span { border: 1px solid #000; display: inline-block; width: 100px; text-align: center; padding: 5px; border-radius: 5px 5px 0 0; border-bottom: none; margin-bottom: -1px; background-color: #ddd; } .tab1 { border: 1px solid #000; height: 170px; box-sizing: border-box; padding: 5px 10px; } .tab1 a { display: block; padding: 5px; border-bottom: 1px solid #000; overflow: hidden; } .tab1 a:last-child { border-bottom: none; } .tab1 a em { display: block; float: left; font-style: normal; width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tab1 a b { float: right; font-weight: normal; } .tab2 { border: 1px solid #000; height: 170px; text-align: center; box-sizing: border-box; padding-top: 35px; } .tab2 a { display: inline-block; text-align: center; } .tab2 a img { height: 80px; border-radius: 5px; margin: 0 25px; } .tab2 a span { display: block; } .slide { display: flex; } .slide > div { /* border: 2px solid green; */ height: calc(100vh - 100px); } .slide-image { flex: 1; overflow: hidden; position: relative; height: inherit; } .slide-image-inner { font-size: 0; position: absolute; top: 0; left: 0; animation: slide 10s linear infinite; height: inherit; } .slide-image-inner a { height: inherit; } .slide-image-inner a img { width: 100%; height: inherit; object-fit: cover; } @keyframes slide { 0% { top: 0; } 30% { top: 0; } 35% { top: -100%; } 65% { top: -100%; } 70% { top: -200%; } 95% { top: -200%; } 100% { top: 0; } } footer { display: flex; height: 100px; align-items: center; } footer > div { /* border: 1px solid red; */ text-align: center; } .footer-logo { width: 200px; display: flex; align-items: center; } .copyright { flex: 1; } .sns { width: 230px; } .sns a img { width: 50px; border-radius: 5px; } /* modal */ .modal { background-color: #00000052; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none; } .modal-content { background-color: #fff; width: 500px; padding: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .close-modal { float: right; border: 1px solid #000; padding: 5px 10px; } /* Navigation */ $('.menu li').mouseenter(function(){ $(this).children('.sub-menu').stop().slideDown() }) $('.menu li').mouseleave(function(){ $(this).children('.sub-menu').stop().slideUp() }) /* modal */ $('.open-modal').click(function(){ $('.modal').fadeIn() }) $('.close-modal').click(function(){ $('.modal').fadeOut() })
-
미해결초보자를 위한 IT 인프라의 이해
강의 중복
OSI7계층 (1) 을 클릭하면 TCP/IP(1) 강의가 나옵니다.. 수정 부탁드립니다.
-
해결됨Amplitude(앰플리튜드)로 마케팅 데이터 분석 하는 방법
GA의 단점
중간에 GA의 단점부분에서 설명해주셨을 때 데이터의 샘플링과 높은 가격이 단점인 부분을 언급해주셨었는데요! 데이터의 샘플링이 왜 GA의 치명적인 단점인지가 궁금합니다!
-
미해결[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
AlwaysScrollableScrollPhysics() 질문
위와 같이 AlwaysScrollableScrollPhysics()를 사용했음에도 강의 내용 처럼 scroll이 안됩니다.확인 부탁드립니다. 감사합니다.
-
미해결파이썬으로 마케팅 자동화하기
크롬이 자동으로 닫힙니다 _ 23년 4월
안녕하세요.강의 잘 듣고 있습니다.셀레니움과 웹드라이버 매니저 패키지를 설치하고 크롬 페이지 여는 부분에서 크롬이 열렸다가 빠르게 닫힙니다.(Process finished with exit code 0 라고 터미널 내 노출)현재 다운받은 셀레니움 패키지는 selenium-4.8.3웹드라이버 매니저 패키지는 webdriver_manager-3.8.5 입니다.이전 질문에 공유주신 방법대로 크롬도 최신 버전으로 업데이트하고, 아래 코드도 실행해보았으나 여전히 크롬이 자동으로 닫힙니다.from selenium import webdriverfrom selenium.webdriver.chrome.service import Servicefrom webdriver_manager.chrome import ChromeDriverManagerdef set_chrome_driver(): chrome_options = webdriver.ChromeOptions() driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()), options=chrome_options) return driver 답변 부탁드립니다.감사합니다.