본문 바로가기
728x90

분류 전체보기463

[JAVACRIPT]document.write / Data Type doucument.write 로 연산자를 구할 수 있다. document.write : 윈도우에 직접 출력됨 숫자를 입력하면 30이 화면에 출력됨 console.log 확인용 confirm 컨펌용 변수 세개를 만듦 변수 세개를 출력하는 방법 변수들이 한 줄로 나열되어있다. 나열된 변수들을 행바꿈으로 변경해주기 : enter 태그는 반드시 따옴표 안에 작성해야한다, ● typeof: 문자의 타입을 알려주는 태그 boolean: 참, 거짓 string: 문자 Data Type number 1e+2 : 10의 2승 string 큰따옴표안에 있을 경우 무조건 문자로 인식함 큰따옴표 안에 외따옴표 외따옴표 안에 큰따옴표로 구분을 해주어야 오류가 안난다. 큰 따옴표안에 10이 들어가지만 문자로 인식한다. 키보드의 .. 2023. 7. 17.
비주얼 스튜디오 코드 77_ 뮤직 플레이어 뮤직플레이어 만들기 ●figure/ figcaption: 이미지와 이미지설명 태그 ●h1 은 한번만 쓰자. 가장 큰 타이틀은 로고라고 생각하고 한번만 사용 ●strong: 강조태그 ●b: bold 글씨 진하게 html mark up fontawesome 에서 bar 아이콘 넣기 css reset css edit 폰트어썸밖에 a태그로 감싸주고 class 지정 박스 만들기 section > article > .inner 8개 생성 css edit vh, vw 로 사이즈 설정시에 화면창에 따라 크기가 변하기 때문에 반응형이 따로 필요 없다 하지만 세부적인 작업과 컨트롤하기 어렵다는 단점이 있음! 정중앙에 section(box) 위치시키기 border-radius 적용, section 테두리 지우기 45도씩 박.. 2023. 7. 14.
비주얼 스튜디오 코드 76_파노라마_완성 [face4 영역 작업] html mark up -video: 경로지정해서 영상 삽입 후 뒤에 효과 명령어 넣기 controls: 시작, 정지 버튼이 활성화 muted: 음소거 , muted와 autoplay를 같이 써줘야 autoplay이가 실행이 된다. .face4 css edit video size 줄이기 width: 100% p태그와 em태그를 옆으로 나열하는 방법 1. float(left, right)로 띄워줌 단, 부모태그에 overflow: hidden 이나 clearfix 적용 2. display: inline-block >> 너비값이 있어야함 3. position 으로 위치지정 [.face5 영역 작업] html markup .face5 css edit .pic 이미지 편집 backgro.. 2023. 7. 13.
[JAVA]JAVA 자료형 0. JAVA 활용 -웹 애플리케이션 : 스프링 프레임워크 -모바일 앱 개발 : 안드로이드 -데스크 앱: JAVAFX. Swing 1. Hello World 실행: ctrl+R(MAC)/ shift+F10(WINDOW) main(){} system.out.println("") println: print line의 줄임말, 괄호안에 있는 문장을 한줄을 출력해 달라. main 메서드 단축키 : psvm + enter 자동으로 메인 명령어를 만들어준다. main 이라고 쳐도 메인 메서드가 자동으로 출력된다. sout 단축명령어를 치면 system.out.prinln()명령어가 자동으로 생성된다. 괄호안에 helloworld 문장을 넣고 ctrl+r 실행을 해주면 실행창에 hello world 가 출력된다. 2.. 2023. 7. 12.
비주얼 스튜디오 코드_75 animation 한 글자씩 애니메이션 적용 html markup article > div > h2안에 span 사이에 한 글자씩 넣기 article 6까지 마크업한다. css 편집 #header css edit transiton : all 은 모두 움직이는 속도를 주지만 움직이고 싶은 명령어만 지정해서 속도를 넣을 수 있다. #dot edit @charset "utf-8"; *{ margin: 0; padding: 0; box-sizing: border-box; } ol,li,ul,dd,dt,dl{ list-style: none; } a{ text-decoration: none; } .clearfix::before, .clearfix::after{ display: block; content: ""; clear: both.. 2023. 7. 12.
비주얼 스튜디오 코드 74_ 하이시네마 footer 하이시네마_ 공지사항, 푸터란 만들기 html 마크업 .help는 세개의 박스를 옆으로 띄워야하기 때문에 .help안에 clearfix를 넣는다. .help css 편집 .help 안에 세개 박스 편집하기 article의 마지막 아이의 border를 0주어 박스를 삭제한다. . 클래스를 지정해줬으니 이름을 넣어줘도 된다. article > .help_box3 .notice html markup ● dl : 타이틀과 데이터를 싸고 있는 박스 ● dt : 타이틀 작성 ● dd : 데이터 작성 >> 영어사전에 많이 사용되는 형식이다. .notice css edit 기준값이 다르기 때문에 정렬이 다르다. 정렬을 맞춰줘야한다. position을 띄워서 기준점을 맞추어준다. a tag edit .card html .. 2023. 7. 11.
728x90
반응형

티스토리툴바