분류 전체보기 썸네일형 리스트형 [JAVA SCRIPT] 사칙 연산, split let a = 100 a % 8 4 a % 3 1 a 200 false a == 100 true a != 100 false --------------------------------------------------------- split을 이용하여 원하는 위치를 잘라내고 표현하기 let myemail = 'sparta@gamil.com' myemail.split('@') myemail.split('@')[1] gmail.com myemail.split('@')[1].split('.') myemail.split('@)[1].split('.')[0] "gmail" 더보기 [JAVA SCRIPT] a_dict 딕셔너리 = a_dict를 통하여 이름과 변수를 지정해준다. let a_dict = {'name':'song', 'age':29} undefined //딕셔너리에 이름 (name)과 변수 (song)을 넣어줬다. a_dict['name'] 'song' //딕셔너리 상에서 name이라는 값을 불러오도록 입력하였다. a_dict['age'] 29 //딕셔너리 상에서 age이라는 값을 불러오도록 입력하였다. a_dict['height'] = 181 181 //딕셔너리에 내가 원하는 값을 넣는 방법이다. a_dict {name: 'song', age: 29, height: 181} //a_dict 값 출력시 height:181이 들어가 있는 것을 볼 수 있다 a_dict['fruits'] = a_list (4).. 더보기 [JAVA SCRIPT] a_list (feat. 리스트) let a = 2 a+3 5 -------------------------------------------------- let first_name = 'inseok' let last_name = 'song' first_name + last_name "inseoksong" -------------------------------------------------- first_name+5 'inseok5" -------------------------------------------------- let a_list = ['수박','참외','배'] a_list[0] '수박' a_list[1] '참외' -------------------------------------------------- a_list.push.. 더보기 [JAVA SCRIPT] function, onclick JAVA SCRIPT는 컴퓨터가 유일하게 알아들을 수 있는 프로그래밍 언어이다. // 하단부에 작성한다. //function은 javascript에서 기능을 넣어주는 명령어다. 나홀로 링크 메모장 중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다. 포스팅박스 열기 // onclick="hey()"의 기능을 '포스팅박스 열기' button에 적용하면서 button click시 hey()의 결과인 안녕!!이 출력된다. 추가적으로 localhost로 접속하여 검사하기(Control + U)하여 console에서도 실행해 볼 수 있다. 마우스 오른쪾 버튼 - 검사하기(ctrl + u) - Console - hey() enter - function 실행 더보기 [HTML, CSS] border, padding (feat.form) border(테두리 선 만들기)와 padding(여백 주기)을 이용하여 아래의 수정 전/수정 후 form 으로 바꿔보려고 한다. .form { border: 2px solid; // form이 지정 된 div에 2px 굵기의 테두리 선을 만들어준다. border-radius: 10px; // border 모서리 각을 둥글게 바꿔준다. width: 450px; margin: auto; padding: 20px; // 모든 방향으로 여백을 준다. 한 쪽 방향만 여백을 주고 싶으면 padding-top/left/right/bottom 입력해주면 된다. } 더보기 [HTML, CSS] 종합 메모장 만들기 (feat, a href) 아래 사진 안 네모 박스에 효과를 넣으려고 한다. 노란 박스 안에는 링크 삽입 ( 이용 ) 파란 박스 안에는 글씨 색상 변경 ( 와 CSS 이용 ) 여기 기사 제목이 들어가죠 // 사용하고, 글씨 크기 조정을 위하여 앞, 뒤로 삽입 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 여기에 코멘트가 들어갑니다. // class="comment" 지정 후 위로 올라와서 style 내에 .comment에 효과 color : blue ; 입력해 준다. 더보기 [CSS] 페이지 꾸미기 (feat. 부트스트랩) 아래와 같이 부트스트랩(01_bootstrap.html)을 이용하여 간단하게 페이지를 만드는 방법을 정리했다. 부트스트랩 사이트 접속 - Menu - Jumbotron - 디자인 select - code 복사 - 코드 입력 Hello, world! This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information. It uses utility classes for typography and spacing to space content out within the larger container. Learn more 하단부에 추가적으로 들어갈 사진과 내.. 더보기 [CSS] 부트스트랩 (bootstrap) Boot strap을 사용하기 전에는 Boot strap css 를 Primary 부트 스트랩을 사용하기 위한 링크는 아래와 같다. url : https://getbootstrap.com/docs/4.0/components/alerts/ Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. getbootstrap.com Boot strap은 사용자의 편의성을 위하여 프로그래머들이 다양한 기능들을 코딩해서 모아놓은 사전과 같다. 왼쪽 목록에서 필요로 하는 콘텐츠를 찾고 코드를 복사 붙여넣기 하면 된다. 파란색 primary라는 박스의.. 더보기 [FONT] 구글 웹 폰트 적용 HTML 상에서 폰트 적용을 해야하는 경우 아래 링크로 접속한다. URL : https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 접속 후 원하는 폰트를 클릭하며 아래 화면이 나오면 + 'Select this style' 클릭 페이지 오른쪽에 팝업창 발생하며 빨간색 박스 안 는 내에 하단부에 넣어준다. 아래 파란색 박스 안에 있는 font-family는 // 파란색 글씨는 폰트를 적용하겠다는 태그이며, ' * ' 를 사용할 경우 모든 HTML PAGE에 적용된다. 더보기 [CSS] 이미지 불러오기, 이미지 편집 (feat. 로그인 페이지) 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID : PW : 로그인하기 더보기 이전 1 2 3 4 5 다음
