본문 바로가기

분류 전체보기

(99)
연산자 연산자 내용 부호연산자 + - 증감연산자 ++ -- 논리부정연산자 ! 산술연산자 + - * / % 문자연결합연산자 + 비교연산자 = == != 논리연산자 && || & | ^ ! 대입연산자 = += -= *= /= %= 조건연산자 조건식? 결과1:결과2 부호연산자 +:부호를 유지한다 -:부호를 바꾼다 증감연산자 x++ : x를 먼저 사용하고 1 증가 ++x : x를 먼저 1 증가한 수 사용 조건연산자 조건식이 참이면 결과1, 거짓이면 결과2 처리순서
형변환 형변환 1.자동형변환:작은 허용 범위 타입에서 큰 허용변위 타입으로 변환 short a =10; int b =a; 2.강제 형변환:큰 허용변위 타입에서 작은 허용 범위 타입으로 변환 int a = 100; short b = (short)a; ->자료손실 발생
자바 시작하기-설치 자바의 특징 1.확장성:객체지향 언어이기 때문에 유지보수가 쉽고 확장성이 좋다. 2.다양성:풍부한 기능을 제공하는 오픈소스이다. 3.독립성:플랫폼에 영향을 받지 않으므로 다양한 환경에서 사용할 수 있다. 자바 설치하기 1.오라클 사이트 접속 www.oracle.com Oracle | Cloud Applications and Cloud Platform The new Oracle Cloud Infrastructure platform, announced by Oracle Executive VP Clay Magouyrk at Oracle CloudWorld, lets providers offer a full range of cloud services to their customers alongside their..
emmet 사용하기 부모 자식 형제 노드 div.class div#id div>ul>li div>ul+ol div>ul>li^ol 그룹화하기() div>(header>ul>li*2>a)+footer>p 텍스트 입력하기 p{hello} hello 자동 번호 넣기 p.class${item $}*5 item1 item2 item3 item4 item5 더미용 텍스트 생성 p>lorem4 Lorem ipsum dolor sit.
css-flexbox/연습 float: left center right 텍스트와 이미지 배치 용도 container : display:flex flexbox로 만들기 flex-direction:row/row-reverse/column/column-reverse 정렬방향/중심축 결정 flex-wrap:nowrap/wrap/wrap-reverse 아이템이 한 줄에 가득차면 아이템이 자동으로 줄 변경하거나 안하도록 함 flex-flow: cloumn nowrap justify-content:flex-start/flex-end/center/space-around/space-evenly/space-between중심축에서 아이템을 어떻게 배치할 것인지 align-items:center/baseline반대축에서 아이템 정렬 baseline-텍..
백준 10869번 node.js 문제 두 자연수 A와 B가 주어진다. 이때, A+B, A-B, A*B, A/B(몫), A%B(나머지)를 출력하는 프로그램을 작성하시오. 입력 두 자연수 A와 B가 주어진다. (1 ≤ A, B ≤ 10,000) 출력 첫째 줄에 A+B, 둘째 줄에 A-B, 셋째 줄에 A*B, 넷째 줄에 A/B, 다섯째 줄에 A%B를 출력한다. 예제 입력 1 복사 7 3 예제 출력 1 복사 10 4 21 2 1 정답 const fs= require("fs"); const input = fs.readFileSync("/dev/stdin").toString().split(" "); const a = parseInt(input[0]); const b = parseInt(input[1]); console.log(a+b); conso..
js - 이벤트 이벤트 : onclick, onchange, onkeydown...etc 사용자와 상호작용하는 것 onclick 속성 값으로 반드시 자바스크립트가 와야 된다 속성값은 웹브라우저가 기억하고 있다가 속성이 위치하고 있는 태그를 사용자가 클릭했을 때 기억하고 있던 js코드를 문법에 따라 해석해 웹브라우저가 동작한다.
html 간단 정리 box - header, footer, nav, aside, main, section, article, div, span, form item - a, button, input, label, img, video, audio, map, canvas, table block 한 줄에 하나 inline 공간이 허용하면 옆에 위치 ol>li*3 그리고 tab을 누르면 ol안에 리스트 세개 생성 입력받기 name: type = file, password, text....etc F12로 박스보기
html 구조 헤더header: 일반적으로 상단에 큰 제목, 로고 ​​및 태그라인이 있는 큰 스트립입니다. 이것은 일반적으로 한 웹페이지에서 다른 웹페이지로 동일하게 유지됩니다. 네비게이션 바navigation bar: 사이트의 주요 섹션에 대한 링크 일반적으로 메뉴 버튼, 링크 또는 탭으로 표시됩니다. 헤더와 마찬가지로 이 콘텐츠는 일반적으로 한 웹페이지에서 다른 웹페이지로 일관성을 유지합니다. 많은 웹 디자이너는 탐색 모음을 개별 구성 요소가 아니라 헤더의 일부로 간주하지만 이것이 필수 사항은 아닙니다. 실제로 일부에서는 화면 판독기가 두 기능을 분리하면 더 잘 읽을 수 있으므로 두 기능을 분리하는 것이 접근성에 더 좋습니다. 메인 내용main content: 특정 웹페이지의 고유한 콘텐츠 대부분을 포함하는 중앙의..
css-미디어 쿼리(반응형 웹) 반응형 웹: 화면의 크기에 따라 웹페이지 요소들이 반응해서 동작한다. @media(min-width:800px){ div{ display:none; } } 화면의 픽셀이 800보다 커지면 사라지게 하는 코드 @media screen and (min-width:800px){ .container{ width: 50px; } } screen/speech/print/all and/not/only/, style.css로 파일을 만들어 css코드의 중복제거 가능 캐싱 : 저장하다 라는 뜻 한번 파일 다운받으면 파일이 바뀌기 전까지는 웹브라우저가 컴퓨터에 저장해놨다가 파일을 요청하면 저장된 파일을 불러와 속도를 높힐 수 있다. 따라서 네트위크 트래픽을 적게 사용한다. moblie 320px~480px tablet 7..