새벽코딩

이전 포스팅에서 bootstrap을 이용하여, Navbar구현하는 법에 대해서 알아보았다. https://midnightcoding.tistory.com/100 [JavaScript기초] 5. 부트스트랩 사용하는법(bootstrap) 부트스트랩은, 기존에 만들어 놓은 Navbar, tabs, Modal등을 가져와서 구현을 할 수 있는 플랫폼이다. 사용법 1. 구글에 bootstrap을 검색하여, 아래 링크로 들어간다. 2. Bootstrap 웹페이지로 들어가서 상 midnightcoding.tistory.com 이번 포스팅에서는 Bootstrap을 이용하여, Navbar 버튼을 눌러서 서브메뉴를 보여줄수 있도록 해보자 여기에서는 div tag에 class를 탈부착하여, 요소가 보이게 또는 안보이게 만들예..

부트스트랩은, 기존에 만들어 놓은 Navbar, tabs, Modal등을 가져와서 구현을 할 수 있는 플랫폼이다. 사용법 1. 구글에 bootstrap을 검색하여, 아래 링크로 들어간다. 2. Bootstrap 웹페이지로 들어가서 상단 네브바에서 Docs로 들어간다 (상단 오른쪽 버전확인 v5.x ) 3. 위와 같이 Get started with Bootstrap 이라는 화면이 보이게 되는데, Quick start 순서대로 하면된다. 먼저 index.html을 만들고 아래 코드를 넣어준다 (vs code에서 느낌표+tab을 누르면 자동생성) Hello, world! 4. 그리고 Hello, world! 이제, 추가하고 싶은 요소를 찾아서 코드를 붙여 넣어주면 구현 가능하다. * Navbar를 추가하고 싶..

셀렉터(selector) 란? 앞에서 셀렉터(selector)에 대해서 언급을 하지 않았지만, 이미 사용하고 있다. 셀렉터는 HTML Tag를 스타일링해주기 위해 특정 tag를 선택하기 위해 사용한다. 셀렉터의 종류 - id를 선택할 때 : getElementById('id 이름') - class를 선택할 때 : getElementsByClassName('class 이름') 사용예시 alert1 X ** 하지만, class는 id와 다르게 여러개를 지정할 수 있기 때문에, 뒤에 indexing을 꼭 해줘야한다. 위에 코드를 아래와 같이 바꿔줘야 작동을 한다. (class를 찾은 것 중에 몇번째인지 써줘야 함) document.getElementsByClassName('title')[0].innerHTML..

앞선 포스팅에서 함수에 대해서 알아보았다. https://midnightcoding.tistory.com/97 [JavaScript기초] 2. 자바스크립트 동적 UI 만들기 with 함수란? UI 만드는 스텝 1. HTML/CSS로 미리 디자인 2. 필요할 때 보여질수 있도록, 자바스크립트로 구현 먼저, 스타일링을 위해서 따로 main.css 라는 파일을 만들어주고, css파일을 아래와 같이 UI 만드는 스텝 midnightcoding.tistory.com 함수(function)에 사용가능한 문법 중 매개변수(parameter)가 있다. function 함수(매개변수자리) 이런 형태로 괄호안에 넣어주는것을 매개변수, 영어로 parameter라고 한다. 아래 비슷한 형태의 두 함수를 매개변수를 이용해서 수..

UI 만드는 스텝 1. HTML/CSS로 미리 디자인 2. 필요할 때 보여질수 있도록, 자바스크립트로 구현 먼저, 스타일링을 위해서 따로 main.css 라는 파일을 만들어주고, css파일을 아래와 같이 UI 만드는 스텝에 따라서 먼저, 스텝1. tag를 이용해서, alert 박스를 하나 만들고 styling시 display를 'none'으로 안보이도록 설정한다. 코드 : index.html alert1 button // 이 부분에 동작을 위한 자바스크립트 코드 추가 예정 코드 for styling : main.css .alert-box { background-color : skyblue; padding : 20px; color : white; border-radius: 5px; /* 해당 tag를 숨기..

- 자바스크립트 사용 목적? HTML을 조작하기 위해서 사용한다. - WHY? 1 HTML안의 텍스트, 스타일링을 할 수 있다. 2 Tab, Modal등 UI를 만들 수 있다. 3 버튼클릭시 서버로 데이터 요청 할 수 있다. 예시) 어떤식으로 자바스크립트를 사용할까? Hi 위 HTML의 tag안에, 출처 : 코딩애플 'JavaScript 입문과 웹 UI개발'

일년만에 생일이 왔다. 2년동안 생일이고 뭐고, 정신이 없었는데.. 간만에 조금 여유있는 생일이였던거 같다. 캐나다에는 생일날 또는 생일달에 여러가지 혜택들이 존재한다. 그 중 이번에 체험했던것들을 한번 나열해본다. 1. Red Robin 레드로빈은 수제 햄버거 체인점이다. 시애틀에서부터 시작된 체인점같다. 보통 여기 햄버거 세트(버거 + 사이드1개)가 대략 $19.99 정도 한다. 생일날 무려 이걸 받을 수 있다 !! 원래 투고가 되었는데, 올해부터 매장내에서 먹는것만 허용되는것 같다. Red Robin royalty → 홈페이지에서 회원가입을 하게되면, 생일에 해당되는 달에 이용이 가능하다. 이용방법은? 등록된 전화번호를 불러주면 확인 후 주문하면된다. 위의 메뉴가 세트 1개(생일메뉴) 제외하고 ti..

- Overloading (오버로딩) - 파이썬 미지원 : 같은 메서드명으로 매개변수와 데이터타입, 순서에 따라서 다른 메소드가 호출되는 것 #Java 오버로딩 예제 코드 add(int x, int y){ return x + y; } add(int x, int y, int z){ return x + y + z; } - Overriding (오버라이딩) - 파이썬 지원 : 상속관계, 같은 메서드명, 매개변수도 동일, 개수도 동일 (메서드의 선언부 동일) 그것을 구현부만 다르게 한다. (modify) class Book: def _init__(self, title, author, pages): self.title = title self.author = author self.pages = pages def _..