728x90
반응형

☭DEVELOPER 234

[BACKEND]JAVA_ECLIPSE02 자료형과 변수

IMPORT import 할 파일을 작업파일에 붙여넣기 임포트 되었다. package chapter02.sec01.exam03; //두 변수의 값을 교환하는 방법을 보여주는 예시입니다. //두 변수의 값을 교환하기 위해서 새로운 변수 temp를 선언한 것에 주목하시기 바랍니다. public class VariableExchangeExample { public static void main(String[] args) { // 정수형(int) 변수 x를 선언과 동시에 3을 대입해서 초기화 처리해 줍니다. int x = 3; // 정수형(int) 변수 y를 선언과 동시에 5를 대입해서 초기화 처리해 줍니다. int y = 5; System.out.println("x = " + x + ", y = " + y);..

[BACKEND]JAVA_ 변수와 자료형

중요) calc 프로그래머용 Byte 선택 Hex Dec Oct Bin 변환 확인 1. int a = 10, b = 7, c = 10, d = 7; int e = a & b; int f = c | d; int g = e ^ f; // int g = e XOR f int h = ~g; 1) e = 2 2) f = 15 3) g = 13 4) h = -14 2. ← : 입력 숫자 지우기, CE : 마지막 입력값 삭제, C : 전체 계산식 삭제 3. HEX = 16진수, DEC = 10진수, OCT = 8진수, BIN = 2진수, Or = | 논리합 연산, And = & 논리곱 연산, Not = ~ 부정 연산, Xor = 배타적 논리합 연산, ROL = Rotate Left(왼쪽으로 쉬프트 연산), ROR =..

[BACKEND]ECLIPSE_01

이클립스 단축키 1. F2 = 패키지/클래스명 바꾸기(rename) 2. F3 = 자바 API 클래스 및 함수는 class source 연결 필요(클래스 및 함수 정의로 이동) 3. F4 = 클래스 정의 확인(상속 관계 포함) 4. Ctrl + Shift + O = 자동 임포트 5. Ctrl + / = 한줄 주석 설정 및 해제 6. Ctrl + Shift + / , Ctrl + Shift + \ = 블록 주석 설정 및 해제 7. (클래스명 선택 후) Ctrl + T = 상속 관계 표현(한 번 더 Ctrl + T 입력 시 상위 슈퍼 타입 확인) 8. Ctrl + Shift + F = 자동 정렬 9. Alt + Shift + Y = 자동줄바꿈 (Eclipse에서 기본 자동줄바꿈은 꺼져 있음) 10. Alt ..

Bootstrap3_ 네비게이션바

http://bootstrapk.com/components/#navbar-inverted 콤포넌트 · 부트스트랩 Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit. bootstrapk.com html lo Toggle navigation Bootstrap 활용 예시! KBS한국방송 (current) SB..

Bootstrap_1

1. 다음의 BootstrapCDN 웹사이트 접속 https://www.bootstrapcdn.com/ 하단 CDN for 옆에 Bootstrap 키워드 클릭! BootstrapCDN The recommended CDN for Bootstrap, Font Awesome, Bootswatch and Bootstrap Icons 그러면, 다음과 같이 Bootstrap 웹사이트 나타남 https://getbootstrap.com/ - 중앙에 "Download" 버튼(또는 우측 상단 "Download" 버튼 클릭) 우측 상단에 Bootstrap v5.1 클릭! - v3.4.1 클릭! - 하단 Download Bootstrap 클릭! https://getbootstrap.com/docs/3.4/ Bootstrap..

PARALLAX_SCROLLING

원페이지_사이트_with_패럴랙스_스크롤링 ※ 중요) 원페이지_사이트_with_패럴랙스_스크롤링_구현 원 페이지 사이트는 하나의 사이트를 한 화면에 담는 사이트입니다. 원 페이지 사이트는 필요한 내용이 한 페이지 안에 다들어 있어야 합니다. 그래서 전체 콘텐츠의 양이 많지 않을 때 적합한 레이아웃입니다. parallax-scroll 플러그인은 배경 이미지를 조금만 움직여 패럴랙스 스크롤링 효과를 만드는 플러그인 입니다. 이때, 페럴렉스(Parallax)란? 영어 단어로 "시차" 를 뜻합니다. 시간차에 따라 모션을 다르게 줌으로써 움직이는 모션효과를 주는 것이며, 패럴랙스 스크롤링 효과는 스크롤의 움직임에 따라 콘텐츠가 반응하여 시간차 움직임을 보이는 효과를 말합니다. 이 효과는 마우스 스크롤 위치에 따라..

CAROUSEL

Carousel bxSlider 활용 1) Carousel_bxSLIDER ※ 회전하는 UI 표현 Carousel(캐러셀) Carousel(캐러셀)은 "회전 목마"라는 의미를 갖고 있으며, 여러 내용을 회전하면서 보여주고 마지막 내용 다음에는 다시 첫 번째 내용으로 내용을 보여줍니다. 한 공간에서 여러 내용을 번갈아 보여주기 때문에 한정된 공간에서 최대한 많은 내용을 보여줄 경우 활용합니다. 1. bxSlider 플러그인 활용 Carousel(캐러셀) 구현 https://bxslider.com/ 1) 앞서 웹사이트에서 bxSlider zip 파일을 다운로드 받습니다. 그리고, dist폴더에 있는 css파일과 js 파일을 다음과 같이 연결해 줍니다. 물론, jQuery 파일도 연결해 줍니다. [다음]

주소 API 연동

1) Daum Postcode Service User Guide_우편번호찾기_기능구현시_웹서버구동필요함 https://postcode.map.daum.net/guide#usage Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 예제1) 팝업을 이용하여 도로명 주소와 지번주소 모두 보여주기 code 복사 body에 코드 붙여넣기 예제2) ! : not != : 같지 않다면 //패스워드 확인용 자바 스크립트 소스 코딩 function passwordChk(){ var password01 = document.getEleme..

LANDING PAGE 구현

※ Full Screen Landing Page 구현 1. Full Screen Landing Page 구현 : 이미지 파일 용량 줄이기(최적화) landing page 구현시 용량은 적은 이미지를 활용한다! Front-End 웹 Landing Page 구현 시 이미지 파일의 용량이 크면 자칫, 웹사이트 구동에 시간이 걸릴 수 있습니다. 그렇기 때문에, 다음과 같은 이미지 파일 용량을 줄여주는 최적화 웹 사이트를 활용하는 것도 필요합니다. [이미지 파일 용량 줄여주는 최적화 웹사이트 : TinyPNG – Compress WebP, PNG and JPEG images intelligently] https://tinypng.com/ [실습 확인] test.JPG(약 1.8MB) 파일의 용량을 TinyPNG ..

728x90
반응형