CSS
천재교육 풀스택 과정1기 Day6
사용자 객체 만들기 new Object() var account = new Object(); //new Object()로 빈 객체 생성 account.owner = "황기태"; // 계좌 주인 프로퍼티 생성 및 초기화 account.code = "111"; // 코드 프로퍼티 생성 및 초기화 account.balance = 35000; // 잔액 프로퍼티 생성 및 초기화 account.inquiry = inquiry; // 메소드 작성 account.deposit = deposit; // 메소드 작성 account.withdraw = withdraw; // 메소드 작성 리터럴 표기법 var account = { // 프로퍼티 생성 및 초기화 owner : "황기태", // 계좌 주인 프로퍼티 추가 cod..
Q2. show() hide() 함수 질문드립니다
Question. 환영합니다. example2. example3 1. 들어가면 text1번이 화면에 출력되어 있고 text2,3은 display:none으로 보이지 않습니다. 2. 아무곳이나 클릭하면 함수가 실행되게 하고 싶어 전체 div class="main"에 onclick을 넣었습니다 3. 해당 스크립트를 실행시키고 클릭해도 아무런 반응이 없습니다. 4. 테스트로 alert만 넣어서 실행시켜 봤는데 잘되었습니다. Answer by 김인섭 튜터님. 아래 코드로 시도해주시기 바랍니다 ^^ 몇가지 문제점이 있었습니다 $(#'') 버튼을 누를때 함수 전체가 실행되기에 while문에 조건을 달지 않으면 무한반복이 된다. (while로 반복, 누를때마다 한번씩 while문 안의 코드가 한번씩 실행되게 할려고 ..
Q3. 두 줄 이상일 때 flex로 가운데 정렬 방법이 궁금해요!(display 충돌)
Question. 환영합니다. example sentence. alsothis is example text .text1{ display: flex; flex-direction: center; justify-content: center; align-items: center; } text1의 경우 justify-content, align-items를 사용하여 상하,좌우 중앙에 배치가 되는데 .text3{ /*2도 동일*/ max-width: 100vw; width: 80%; max-height: 100vh; height: 13%; background-color: rgba(244, 244, 255, 0.9); position: absolute; top: 50%; left: 50%; transform: tran..
Q1. css에서 사용한 요소가 무엇인지 모르겠어요
Question. .mypost{ display: flex; flex-direction: column; justify-content: center; align-items: center; } 중앙에 배치할 때 4개를 항상 묶음으로 사용하는 요소들인데 각자 어떤 역할을 가지고 있는지가 궁금해요! display, flex, flex-direction, justify-content, align-items가 어떤 역할인지 알려주세요.(__) Answer by 김종민 튜터님 css에서 궁금하신 속성값들은 공식 홈페이지나 구글링을 통해 공부하시면 쉽게 이해하실 수 있으세요! (저희 튜터들도 전부 외우고 있지는 않아용 ㅠㅠ) display 속성은 요소를 어떻게 보여줄지를 결정합니다! flex-direction는 htt..
Week1. css 라이브러리 Bootstrap 사용법
https://getbootstrap.com/docs/5.2/getting-started/introduction/ Get started with Bootstrap Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes. getbootstrap.com 만들어 져 있는 css의 탬플릿을 받아올 수 있는 사이트입니다. 부트스트랩 시작 탬플릿입니다. 헤드부분의 link, script를 가져와야 부트스트랩에서 복사해온 요소들을 사용할 수 있습니다.
Week1. <HTML/CSS> 폰트(글꼴) 적용 방법
폰트(글꼴) 적용 방법 구글 웹폰트 사이트: https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 1. 구글 폰트 사이트에 들어가 원하는 폰트를 선택한다. 2. 스크롤을 내리면 하이라이트 되어있는 버튼(들)을 찾을 수 있다. 원하는 굵기의 글꼴 선택 후 클릭. (폰트마다 있는 갯수가 다름) 3. 우측 상단 아이콘을 클릭 4. 첫 번째 박스 부분을 html