묻고 답해요

스타크래프트 탱크 시즈모드

미해결

스타크래프트 프로젝트 강좌 그대로 따라 쳤는데 elif isinstance(unit, Tank): 이 부분에서 오류가 나는데 왜 나는지 모르겠어요 일단 제 코드는 이렇습니다! 답변 감사합니다! from random import * #일반 유닛 class Unit : def __init__ ( self , name , hp , speed ): #이 self 뭐시기라 적힌것들이 member변수다 self . name = name self . hp = hp self . speed = speed print ( " {0} 유닛이 생성되었습니다. " . format ( name )) #self.name으로 써도 무관 def move ( self , location ): print ( " {0} : {1} 방향으로 이동합니다. [속도 {2}] " \ . format ( self . name , location , self . speed )) def damaged ( self , damage ): print ( " {0} : {1} 데미지를 입었습니다. " . format ( self . name , damage )) self . hp -= damage print ( " {0} : 현재 체력은 {1} 입니다. " . format ( self . name , self . hp )) if self . hp <= 0 : print ( " {0} : 파괴되었습니다. " . format ( self . name )) #공격 유닛 class AttackUnit ( Unit ): #공격유닛은 일반 유닛한테 상속 받아서 생긴 것 def __init__ ( self , name , hp , speed , damage ): #이 self 뭐시기라 적힌것들이 member변수다 Unit . __init__ ( self , name , hp , speed ) #상속받고 self . damage = damage #추가하기 def attack ( self , location ): print ( " {0} : {1} 방향으로 적군을 공격합니다 [공격력 {2}] " \ . format ( self . name , location , self . damage )) #self가 적혀있는건 위에 선언해준 self변수들을 쓴다는 거고 self가 적혀있지 않은 location은 그냥 def에서 전달받은 location을 그대로 쓴다는 의미 #마린 class Marine ( AttackUnit ): def __init__ ( self ): AttackUnit . __init__ ( self , " 마린 " , 40 , 1 , 5 ) #스팀팩 : 일정 시간 동안 자기 체력을 소모해서 이동 및 공격 속도를 증가 def stimpack ( self ): if self . hp > 10 : self . hp -= 10 print ( " {0} : 스팀팩을 사용합니다. (HP 10 감소) " . format ( self . name )) else : print ( " {0} : 체력이 부족하여 스팀팩을 사용하지 않습니다. " . format ( self . name )) #탱크 class Tank ( AttackUnit ): #시즈모드 : 탱크를 지상에 고정시켜, 더 높은 파워로 공격 가능 단, 이동 불가 seize_developed = False #시즈모드 개발여부 def __init__ ( self ): AttackUnit . __init__ ( self , " 탱크 " , 150 , 1 , 35 ) self . seize_mode = False #처음에는 시즈모드가 아닌 상태 class Flyable : def __init__ ( self , flying_speed ): self . flying_speed = flying_speed def set_seize_mode ( self ): if Tank . seize_developed == False: return #현재 시즈모드가 아닐 때 -> 시즈모드 if self . seize_mode == False: print ( " {0} : 시즈모드로 전환합니다. " . format ( self . name )) self . damage *= 2 self . seize_mode = True #현재 시즈모드일 때 -> 시즈모드 해제 else : print ( " {0} : 시즈모를 해제합니다. " . format ( self . name )) self . damage /= 2 self . seize_mode = False def fly ( self , name , location ): print ( " {0} : {1} 방향으로 날라갑니다. [속도 {2}] " \ . format ( name , location , self . flying_speed )) #공중 공격 유닛 클래스 class FlyableAttackUnit ( AttackUnit , Flyable ): #다중 상속을 받으려면 ,로 구분 def __init__ ( self , name , hp , damage , flying_speed ): AttackUnit . __init__ ( self , name , hp , 0 , damage ) #지상 스피드 0 Flyable . __init__ ( self , flying_speed ) def move ( self , location ): self . fly ( self . name , location ) #flyable class의 fly를 통해 move #레이스 class Wraith ( FlyableAttackUnit ): def __init__ ( self ): FlyableAttackUnit . __init__ ( self , " 레이스 " , 80 , 20 , 5 ) self . clocked = False #처음에는 클로킹 모드가 아닌 상태 def clocking ( self ): if self . clocked == True: #클로킹 모드->모드해제 print ( " {0} : 클로킹 모드 해제합니다 " . format ( self . name )) self . clocked = False else : #클로킹 모드 해제 -> 모드 설정 print ( " {0} : 클로킹 모드 설정합니다 " . format ( self . name )) self . clocked = True def game_start (): print ( " [알림] 새로운 게임을 시작합니다. " ) def game_over (): print ( " Player : gg " ) print ( " [Player] 님이 게임에서 퇴장하셨습니다. " ) #게임시작 game_start () #유닛 만들기 m1 = Marine () m2 = Marine () m3 = Marine () t1 = Tank () t2 = Tank () w1 = Wraith () #유닛 일괄 관리(생성된 모든 유닛 append 처리) attack_units = [] attack_units . append ( m1 ) attack_units . append ( m2 ) attack_units . append ( m3 ) attack_units . append ( t1 ) attack_units . append ( t2 ) attack_units . append ( w1 ) #전군 이동 for unit in attack_units : unit . move ( " 1시 " ) #탱크 시즈모드 개발 Tank . seize_developed = True print ( " [알림] 탱크 시즈 모드 개발이 완료되었습니다. " ) #공격 모드 준비(마린 : 스팀팩, 탱크 : 시즈모드, 레이스 : 클로킹) for unit in attack_units : if isinstance ( unit , Marine ): unit . stimpack () #elif isinstance(unit, Tank): <<<<<<<<<<<<이 두줄에서 오류가 나요 #unit.set_seize_mode() elif isinstance ( unit , Wraith ): unit . clocking () #전군 공격 for unit in attack_units : unit . attack ( " 1시 " ) #전군 피해 for unit in attack_units : unit . damaged ( randint ( 5 , 20 )) #공격을 랜덤으로 5~20사이로 받음 #게임 종료 game_over ()

jsp에서 sessionScope로 값 호출 하는 방법

미해결

윤재성의 만들면서 배우는 Spring MVC 5

안녕하세요 xml에서 byName형식으로 빈을 정의하여 자동주입 되면서 sessionScope에 저장된 후 jsp쪽에서 ${sessionScope.~~}이런식으로 호출되는 방식 외에는 model을 사용하여 jsp쪽에서 ${requestScope.~~}이런식으로 호출되고 있는데 후자와 같은 방식들도 sessionScope로 값을 불러올수있는 방법은 없는 건가요? -result1.jsp

• MVC
• XML
• spring
• java

5분 49초 즈음 jupyter lab 입력 후 다음으로 넘어가질 않습니다...ㅠㅠ

미해결

문과생도, 비전공자도, 누구나 배울 수 있는 파이썬(Python)!

이렇게 뜨기만 하고 안 넘어가네요...ㅠㅠㅠ 이전에 저랑 비슷한 사례가 있길래 시도해봤지만 안됩니다...ㅠㅠ

• python

konply 설치

미해결

파이썬 텍스트 분석 입문 - 데이터 수집부터 분석까지

안녕하세요. 아까 문제는 잘 해결됐는데 다시 konply에서 막혔어요. 설치안내자료 참고해서 맥터미널에서 Konply와 mecab 설치하였고 그 과정에서 홈브류 필요하다고 나와서 m1이라 https://www.lainyzine.com/ko/article/how-to-install-homebrew-for-m1-apple-silicon/ 위 링크 내용을 참고해서 홈브류를 설치했습니다. (이 방법대로해서 생긴 문제일수도 있는지 내용 한번 봐주세요..) 암튼 mecab까지 설치를 했는데 주피터노트북에서 임포트가 안되서 전에 답변 올라왔던 내용 참고하여 주피터 노트북에서 이렇게도 해봤는데요.. <div><br class="Apple-interchange-newline">!pip install konply</div> ! pip install konply ERROR: Could not find a version that satisfies the requirement konply (from versions: none) ERROR: No matching distribution found for konply In [43]: ! bash < ( curl - s https : // raw . githubusercontent . com / konlpy / konlpy / master / scripts / mecab . sh ) Installing automake (A dependency for mecab-ko) This script require Homebrew! Try https://brew.sh/ 또 홈브류 필요하다고 나오네요. 도움 말씀 부탁드려요!

• 텍스트마이닝
• anaconda
• 웹-크롤링
• pandas

이익률 계산 이해가 안가요 ㅠ

미해결

쉽고 빠르게 익히는 Power BI (기본편)

sum('판매'[매출이익])/SUM('판매'[매출금엑]) 새측정값으로하면 개별 평균으로 66.92% 이렇게 나오는거 같은데 열을 만들어서하면 왜 몇천 % 이익률로 계산되는지 모르겠어요. 새측정값은 자동으로 개별 평균 이익률로 계산되는 건가요?

• ms-office
• Power-BI

감이 잡히지않아 질문드립니다! 특정 Project게시판에는 관리자만 작성하도록 하려면

미해결

작정하고 장고! Django로 Pinterest 따라만들기 : 바닥부터 배포까지

관리자인증 데코레이터는 작성했는데 articleapp의 forms.py를 수정해야하는지 model을 수정해야할지... 아니면 Project CreationView에 get_queryset 으로 해당 프로젝트pk에 글을쓸때 권한인증을 해야할지 도무지 감이 잡히지않아 질문드립니다 그리고 get_queryset을 사용하면 프로젝트게시판을 만들때 프로젝트모델이 아닌 get_queryset안의 내용만 적용되나요?

• docker
• django
• python

컬렉션 테이블 vs 엔티티로 생성

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

컬렉션 테이블로 만들지 않고 엔티티로 생성해도 될 것같은데 엔티티로 생성하지 않는 이유가 있나요? 별도의 테이블이 구성된다고 하면, 엔티티로 만들어도 될것 같은데 별도의 테이블로 구성시, 불필요한 식별자가 1개 더 생겨서 그런건가요?

• JPA
• java

@Access 어노테이션 관련 질문

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

책으로 복습하니 @Access 애노테이션에서 property 접근 방식, getter 이용 field 접근 방식 이렇게 두가지 경우가 있는데 프로퍼티 접근 방식은 어떤 것인지 잘 알겠으나, 필드 접근 방식은 어떤 것인지 잘 이해가 되지 않습니다. 1. 필드 접근 방식에서 필드에 직접 접근한다는 것이 무슨 의미인지 2. 어떤 경우에 필드 접근, 프로퍼티 접근 방식을 사용하는 게 적합한지 답변주시면 정말 감사드리겠습니다.

• JPA
• java

Form 전송 객체 분리시 domain 객체에 validation 설정 관련

미해결

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

사용하는 API 마다 전송 객체의 요구 사항이 달라, DTO를 따로 만들어 주고, validation 역시 따로 적용하는 것이 좋다는 것은 알겠습니다. 그러면, DTO와 별개적으로 domain 객체에는 validation 을 적용하지 않나요? 아니면 방어로직? 으로써 domain에도 validation 을 적용해주는 것이 좋나요?

• MVC
• spring

외래키를 string으로 설정하는 법

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문( http://bit.ly/3fX6ygx )을 먼저 확인해주세요. 3. 질문 잘하기 메뉴얼( http://bit.ly/2UfeqCG )을 먼저 읽어주세요. 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 안녕하세요, 영한님 연관관계를 맺다보니 string인 로그인 id로 외래키를 설정하고 싶은데, 제대로 mapped by를 설정하고 해봐도 외래키 부분이 bigint로 처리가 되더라고요, 이때는 방법이 있나요?

• JPA
• java

Team 클래스와 Player 클래스

미해결

그림으로 배우는 자바, 파트2: 객체지향!

Team 클래스와 Player 클래스는 서로 다른 스코프를 가지는데 어떻게 Team 클래스의 변수 타입을 Player[]으로 설정하고 어떻게 Team 클래스의 메소드 안에서 totalPoints(); 메소드(Player 클래스의 메소드에 해당..)를 가져와서 사용할 수 있는건가요? 전체 코드 흐름은 이해되는데 이 부분이 마음에 걸리네요

• java
• oop

판교님 질문있습니다....

미해결

실전 프로젝트로 배우는 타입스크립트

AxiosResponse 하는 부분에서 아래와 같이 에러가 뜹니다.. ( Cannot find name 'AxiosResponse'. ) axios 설치 다시하고 무엇을 설정해야 할지 잘 모르겠습니다.

• es6
• typescript

revalidate 오류 문제

미해결

Slack 클론 코딩[실시간 채팅 with React]

안녕하세요 제로초님, 늘 명강의 잘 듣고 있습니다. 현재 워크스페이스 만들기와 SWR 설정 단계를 듣고 있던 도중 SWR에 revalidate가 아무리 해도 불러들이지 않습니다. 그대로 따라한다고는 따라했는데.. 제가 어떤걸 놓쳤을까요? 도움을 좀 부탁 드리겠습니다..ㅠㅠ 에러 메시지는 아래처럼 뜹니다... All destructured elements are unused. ts(6198) Property 'revalidate' does not exist on type 'SWRResponse<any, any>'. ts(2339) const revalidate : any

• 웹팩
• react
• Socket.io
• typescript
• babel
• 클론코딩

command가 없다고 합니다

미해결

취미로 해킹#1(OverTheWire - Bandit)

안녕하세요. weechat을 설치하는 과정에서 cygwin터미널 상에서 apt-sig install weechat 이라고 치면 계속해서 커맨드 에러가 발생합니다.

• linux
• 시스템 해킹

Spring Boot 버전 질문(2.5.x)

미해결

[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발

안녕하세요. 스프링 부트 버전이 현재(2.5.x)와 많이 다른데 차이가 큰가요?? 아마 개발할 때는 2.1.x 버전보다 최근에 나온 버전을 사용하게 될 거 같은데 많이 다를까봐 걱정돼서 질문드립니다!

• spring-boot
• rest-api

lombok 플러그인 설치 문제 도와주세요..

해결됨

스프링 핵심 원리 - 기본편

setting에 lombok을 검색해봐도 나오지가 않아요 ㅠㅠ 혹시 배포판이라 검색이 안되는건가요? 수동설치하려해도 버전이 맞지 않는다는 에러만 생기네요..

• spring
• oop

면적수치표시하기

미해결

블렌더 파이썬 BPY 입문강의

안녕하세요. 수강생입니다. '면적 수치 표시하기' 강의에 '수치 표시하기' 강의가 올라와있어서 문의 드립니다. 면적 수치 강의 부탁드릴게요. 감사합니다.

• blender

expect(res.statusCode).toBe(500);

미해결

따라하며 배우는 TDD 개발 [2023.11 업데이트]

it('should handle errors', async () => { const errorMessage = {message: 'errors'}; const rejectedPromise = Promise.reject(errorMessage); Product.findByIdAndUpdate.mockReturnValue(rejectedPromise); await productController.updateProduct(req, res, next); expect(next).toHaveBeenCalledWith(errorMessage); // expect(res.statusCode).toBe(500); // Received: 200 }); server.js 에 작성된 오류 처리기에서는 500으로 처리하도록 되어 있는데, 위와 같이 500으로 처리되는지 확인해보면 200이 response되고 있습니다. next에 대한 테스트는 의도대로 되는 것으로 보아서 테스트는 문제가 없는 것 같은데, 왜 express 오류처리기의 response코드 500이 아닌 200으로 처리되는지 궁금합니다.

• mongodb
• supertest
• nodejs
• express
• tdd
• jest
• mongoose

pdf

미해결

스프링 핵심 원리 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문( http://bit.ly/3fX6ygx )을 먼저 확인해주세요. 3. 질문 잘하기 메뉴얼( http://bit.ly/2UfeqCG )을 먼저 읽어주세요. 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 강의 잘듣고 있는 수강생입니다 다름이아니라 강사님이 중간 중간에 사용하시는 pdf파일 같은거는 다운 받을 수 없나요 ? 첫 자료에 있는 강의자료는 1과 자료밖에 없고 뒤에 자료는 없어서 그 자료를 다운로드 받을 수 없는지 궁금합니다.

• 강의자료
• oop
• spring

B1 대한은행 공지사항 문제는 해결했는데, 네비게이션은 어떻게 해야 할 지 질문입니다.

해결됨

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

<! DOCTYPE html > < html > < head > < meta charset = "utf-8" > < title > 대한 은행 </ title > < link href = "css/style.css" rel = "stylesheet" > </ head > < body > < div class = "container" > < header > < div class = "header-logo" > < a href = "#" > < img src = "images/logo-header.png" alt = "header logo" > </ a > </ div > <!--.header-logo--> < div class = "navi" > < ul class = "menu" > < li >< a href = "#" > 개인 </ a > < div class = "sub-menu" > < a href = "#" > 조회 </ a > < a href = "#" > 이체 </ a > < a href = "#" > 공과금 </ a > < a href = "#" > 예금/신탁 </ a > </ div > <!--.sub-menu--> </ li > < li >< a href = "#" > 기업 </ a > < div class = "sub-menu" > < a href = "#" > 조회 </ a > < a href = "#" > 이체 </ a > < a href = "#" > 전자결재 </ a > < a href = "#" > 수표/어음 </ a > </ div > <!--.sub-menu--> </ li > < li >< a href = "#" > 금융상품 </ a > < div class = "sub-menu" > < a href = "#" > 저축상품 </ a > < a href = "#" > 대출상품 </ a > < a href = "#" > 투자상품 </ a > </ div > <!--.sub-menu--> </ li > < li >< a href = "#" > 카드 </ a > < div class = "sub-menu" > < a href = "#" > 카드 정보 </ a > < a href = "#" > 카드 신청 </ a > < a href = "#" > 이용내역조회 </ a > </ div > <!--.sub-menu--> </ li > </ ul > <!--.menu--> </ div > <!--.navi--> </ header > < div class = "slide" > < div > < a href = "#" > < img src = "images/slide-01.jpg" alt = "image slide1" > </ a > < a href = "#" > < img src = "images/slide-02.jpg" alt = "image slide2" > </ a > < a href = "#" > < img src = "images/slide-03.jpg" alt = "image slide3" > </ a > </ div > </ div > <!--.slide--> < div class = "items" > < div class = "news" > < div class = "tab-inner" > < div class = "btn" > < a href = "#none" class = "active" > 공지사항 </ a > < a href = "#none" > 갤러리 </ a > </ div > <!--.btn--> < div class = "tabs" > < div class = "tab1" > < ul > < li >< a href = "#none" class = "open-modal" >< em > 「2021년 하반기 경제통계지표 해설 강좌 실시 </ em >< b > 2021.08.21 </ b ></ a ></ li > < li >< a href = "#none" >< em > 2021년 화폐사랑 UCC 공모전 </ em >< b > 2021.08.14 </ b ></ a ></ li > < li >< a href = "#none" >< em > 「2021년 상반기 경제통계지표 해설 강좌」 실시 </ em >< b > 2021.08.02 </ b ></ a ></ li > < li >< a href = "#none" >< em > 「2020년 하반기 경제통계지표 해설 강좌」 실시 </ em >< b > 2021.07.21 </ b ></ a ></ li > < li >< a href = "#none" >< em > 「2020년 상반기 경제통계지표 해설 강좌」 실시 </ em >< b > 2021.06.21 </ b ></ a ></ li > </ ul > </ div > <!--.tab1--> < div class = "tab2" > < a href = "#none" > < img src = "images/gallery-01.jpg" alt = "gallery image1" > </ a > < a href = "#none" > < img src = "images/gallery-02.jpg" alt = "gallery image2" > </ a > < a href = "#none" > < img src = "images/gallery-03.jpg" alt = "gallery image3" > </ a > </ div > <!--.tab2--> </ div > <!--.tabs--> </ div > <!--.tab-inner--> </ div > <!--.news--> < div class = "banner" > < a href = "#" > < img src = "images/banner.jpg" alt = "banner" > </ a > </ div > <!--.banner--> < div class = "shortcut" > < a href = "#" > < img src = "images/shortcut.jpg" alt = "short cut" > </ a > </ div > <!--.shortcut--> </ div > <!--.items--> < footer > < div class = "footer-logo" > < a href = "#" > < img src = "images/logo-footer.png" alt = "footer logo" > </ a > </ div > <!--.footer-logo--> < div class = "footer-wrap" > < div class = "footer-menu" > < ul > < li >< a href = "#" > 저작권 보호방침 </ a ></ li > < li >< a href = "#" > 개인정보 처리방침 </ a ></ li > < li >< a href = "#" > 이메일 무단수집거부 </ a ></ li > < li >< a href = "#" > 홈페이지 이용안내 </ a ></ li > < li >< a href = "#" > Contact Us </ a ></ li > < li >< a href = "#" > 관련 사이트 </ a ></ li > </ ul > </ div > <!--.footer-menu--> < div class = "copywirte" > Copyright(c) Bank of Hankok. All rights reserved. </ div > <!--.copywirht--> </ div > <!--.footer-wrap--> </ footer > </ div > <!--.container--> < div class = "modal" > < div class = "modal-content" > < h2 > 「2021년 하반기 경제통계지표 해설 강좌」 실시 </ h2 > < p > 1. 목 적 : 국민의 경제통계지표에 대한 이해 및 활용도 제고 < br > 2. 실시기간 : 2021. 10. 13.(수) ~ 12. 10.(금)(토요일, 공휴일 제외) < br > 3. 대상기관 : 전국 소재 교육기관(대학 이상) 및 공공&middot;금융&middot;기타 기관 < br > 4. 수강방법 : 대면강의*, 실시간 온라인강의*(zoom 강의 등 포함), VOD를 활용한 강의중 선택 < br > * 수강기관 내 대면이 필요한 강의는 코로나19와 관련한 정부의 방역관리지침을 준수하여야 함 < br > 5. 수강장소 : 수강기관 내 희망 장소(화상강의는 별도 장소) < br > 6. 주 제 : 주요 경제통계지표* 중 희망 분야를 수강기관 별 강의주제로 선정 < br > * 주요 경제통계지표 전반, 통화금융, 자금순환표, 물가, 국민소득, 산업연관표, 국민대차대조표, < br > 국제수지표, 국제투자대조표, 경제심리지수, 기업경영분석지표 < br > 7. 수강비용 : 없음 < br > 8. 강의 신청방법 및 수강기관 선정 < br > □ (신청방법) 신청서*에 강의 희망일시 등을 기재한 후 e-mail(est@bok.or.kr)또는 fax(02-759-4430) 송부 < br > * 신청서 및 「경제통계지표 해설 강좌」 안내문은 (붙임 1) 및 (붙임 2) 참조 < br > ㅇ 강의 신청기간 : 2021. 8. 20.(금) 13:00 ~ 9. 10.(금) 17:00 < br > □ (기관 선정기준) 교육기관을 우선 고려하되, 지역 및 신청순서 등도 감안하여 선정(40개 기관 내외) < br > □ (선정기관 통보) 선정된 기관을 「경제통계시스템 홈페이지」(ecos.bok.or.kr) &lsquo;공지사항&rsquo;에 게시*하고 < br > 신청 시 기입한 e-mail로도 통보 < br > * 게시일 : 2021. 9. 16.(목) 17:00 < br > 9. 문의처 : (02)759-5672, 5692 </ p > < a href = "#none" class = "close-modal" > 닫기 </ a > </ div > </ div > <!--.modal--> < script src = "script/jquery-1.12.4.js" ></ script > < script src = "script/custom.js" ></ script > </ body > </ html > @charset "utf-8" ; body { color : 222323 ; list-style : none ; } a { text-decoration : none ; } .container { width : 1200px ; border : 1px solid red ; margin : 0 auto ; } header { position : relative ; z-index : 10 ; } header > div { height : 100px ; } .header-logo { width : 20% ; float : left ; line-height : 130px ; } .navi { width : 60% ; float : right ; } .menu { list-style : none ; } .menu li { width : 25% ; float : left ; text-align : center ; } .menu li a { display : block ; padding : 10px ; background : #0a4594 ; color : #fff ; } .menu > li:hover > a { background : #ababab ; } .sub-menu { display : none ; } .sub-menu a:hover { background : #ababab ; } .slide { position : relative ; width : 100% ; height : 300px ; overflow : hidden ; } .slide > div { width : 3600px ; height : 300px ; border : 1px solid orangered ; animation : slide 10s linear infinite ; font-size : 0 ; } .sldie > div > a { position : absolute ; top : 0 ; left : 0 ; } @keyframes slide { 0%{ margin-left : 0 ; } 30%{ margin-left : 0 ; } 35%{ margin-left : -1200px ; } 65%{ margin-left : -1200px ; } 70%{ margin-left : -2400px ; } 95%{ margin-left : -2400px ; } 100%{ margin-left : 0 ; } } .items { } .items > div { height : 200px ; border : 1px solid greenyellow ; box-sizing : border-box ; float : left ; } .news { width : 500px ; } /* tab-inner */ .tab-inner { width : 95% ; margin : auto ; } .btn {} .btn a { border : 1px solid #0a4594 ; display : inline-block ; width : 100px ; text-align : center ; padding : 5px ; border-radius : 5px 5px 0 0 ; margin-right : -6px ; border-bottom : none ; margin-bottom : -1px ; background-color : #0a4594 ; color : #fff ; } .btn a.active { background-color : #ababab ; } .tabs { list-style : none ;} .tab1 { border : 1px solid #0a4594 ; padding : 0 2px ; height : 170px ; box-sizing : border-box ; } .tab1 a { display : inline-block ; padding : 0 5px ; border-bottom : 1px solid #0a4594 ; box-sizing : border-box ; } .tab1 a:last-child { border-bottom : none ; } .tab1 > ul { list-style : none ; margin : auto ; } .tab1 > ul > li { display : block ; } .tab1 > ul > li > a > em { float : left ; font-style : normal ; } .tab1 > ul > li > a > b { float : right ; font-style : normal ; } .tab2 { display : none ; border : 1px solid #0a4594 ; height : 169px ; text-align : center ; padding-top : 20px ; box-sizing : border-box ; } .tab2 img { width : 130px ; } .banner { width : 350px ; } .shortcut { width : 350px ; } footer {} footer > div { height : 100px ; border : 1px solid skyblue ; box-sizing : border-box ; float : left ; } .footer-logo { width : 20% ; line-height : 130px ; } .footer-wrap { width : 80% ; } .footer-wrap > div { height : 50% ; border : 1px solid skyblue ; box-sizing : border-box ; line-height : 50% ; text-align : center ; } .footer-menu ul { list-style : none ; text-decoration : none ; } .footer-menu ul li { float : left ; padding : 5px ; } .footer-menu ul li a { color : #0a4594 ; font-weight : bold ; } .copywirte { padding-top : 20px ; box-sizing : border-box ; } /* Modal */ .modal { background-color : rgba ( 0 , 0 , 0 , 0.5 ); position : absolute ; top : 0 ; left : 0 ; width : 100% ; height : 100% ; z-index : 100 ; display : none ; } .modal-content { width : 750px ; background-color : #fff ; top : 50% ; left : 50% ; position : absolute ; transform : translate ( -50% , -50% ); padding : 20px ; border-radius : 10px ; } .close-modal { float : right ; border : 1px solid #000 ; padding : 5px 10px ; } /* Navigation */ $ ( '.menu li' ). mouseenter ( function (){ $ ( '.sub-menu' ). stop (). slideDown () }); $ ( '.menu li' ). mouseleave ( function (){ $ ( '.sub-menu' ). stop (). slideUp () }); /* Tab menu */ $ ( '.btn a:first-child' ). click ( function (){ $ ( '.tab1' ). show () $ ( '.tab2' ). hide () $ ( this ). addClass ( 'active' ) $ ( this ). siblings (). removeClass ( 'active' ) }); $ ( '.btn a:last-child' ). click ( function (){ $ ( '.tab1' ). hide () $ ( '.tab2' ). show () $ ( this ). addClass ( 'active' ) $ ( this ). siblings (). removeClass ( 'active' ) }); /* modal */ $ ( '.open-modal' ). click ( function (){ $ ( '.modal' ). fadeIn () }); $ ( '.close-modal' ). click ( function (){ $ ( '.modal' ). fadeOut () });

• 웹디자인기능사
• 공지사항질문
• 웹 디자인
• 네비게이션질문
• jquery
• HTML/CSS