My Tech Blog (만들기)

DB 위주로 할거라 화면은 부트스트랩으로 클래스만 먹여서 만들고 있어요. 데이터 넘어가는 것만 볼 거라서 화면 디자인은 신경 못 쓰고 있습니다!! 이쁘게 만들고 싶은 사람은 HTML/CSS 신경쓰면서 하셔도 좋습니다. 전 바빠서 디자인은 버렸지만,  여러분들은 이쁘게 만드시라고 간단한 회원가입/게시판 만들기 실습해 보실만한 무료 템플릿 사이트 가져왔습니다. 제가  추천하는 템플릿은 Forty입니다. Forty에서 회원가입/로그인/게시판 등 실습하시기 좋아요. https://html5up.net/ HTML5 UPResponsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license.ht..

부트 스트랩 다운로드 https://getbootstrap.com/docs/5.3/getting-started/download/ DownloadDownload Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.getbootstrap.com bootstrap-5.3.3-dist폴더 안에 들어가면 js랑 css 폴더가 있다.두 개 드래그하고 복사한 후 이클립스로 돌아와서  webapp에 붙여넣기 해서 추가  js는 엑스 뜨는게 많아서 그냥bootstrap.bundle.min.jsCDN으로 추가 ⚡ 부트스트랩..

같은색깔 카드 맞추기 메모리 게임이라고도 하고 ㅎㅎㅎ 기억력 카드게임이라고도 하는데.... 색상만 넣으면 심심하니까 과일이모지도 함 같이 넣어보겠습니다 자바 스크립트 연습 겸 시간 날 때 해 보자 ㅋㅋㅋㅋ ❌노가다 방지 협회 ❌ 카드는 12장(6쌍)만 만들자 1. 순서도draw.io로 작성했고, svg 파일로 내보내기 함. PNG나 JPEG는 해상도 설정 안하면 깨지니 주의 2. 셔플 후 카드 생성하기 자바스크립트가 아닌, CSS로 뒤집기를 해 줄것입니다.... 2-1. CSS클래스이름역할CSScard카드 전체를 감싸는 컨테이너카드 크기, 3D 시점 설정card-inner카드 요소 안에서 카드 앞,뒷면 감싸는 내부 컨테이너카드 뒤집을 때 transform: rotateY() 회전축 card-front카드..

[자바스크립트] html/css/js로 계산기 만들기 제1탄자바스크립트로 간단하게 계산기 만들어 보기 ㅎㅎㅎ 깃허브에 올려야 하는데 깃허브 한 번 정리하고 손봐야 되서 그냥 블로그에 올린다.나중에 전체 소스만 깃허브로 보내기 1. 버튼 16개 만awesomepossum.tistory.com 여기서 손을 좀 대겠습니다 ㅎㅎㅎ기능 추가랑 계산기 색상 추가  1. 숫자 지울 수 있는 backspace 버튼2. 그리고 다중 계산을 위해 숫자와 연산자 입력을 이어서 받을 수 있도록 로직 개선.3. 계산기에 색상 입히기 1. backspace 기능 추가 버튼을 어디다 넣을까 div 태그 한 줄 더 써서 추가할까 하다가 그냥 첫번째 row에 집어 넣어주기로 함...    7    8    9    +    ← 스크립..

자바스크립트로 간단하게 계산기 만들어 보기 ㅎㅎㅎ 깃허브에 올려야 하는데 깃허브 한 번 정리하고 손봐야 되서 그냥 블로그에 올린다.나중에 전체 소스만 깃허브로 보내기 1. 버튼 16개 만들기 7 8 9 + 4 5 6 - 1 2 4 / C 0 = x  여기까지 html로 버튼 16개 만들기이제 script 태그 안에 각 버튼마다 이벤트 리스너 달아줘야 함#num-0과 #num-1에 대해서만 이벤트 리스너 달아주면 이런 식으로 동작함d..

ttps://www.tablesgenerator.com/html_tables  HTML Tables generator – TablesGenerator.comYou can import table data by uploading file in CSV format (Comma Separated Value). Most spreadsheet software, both desktop and online, allows to save tabular data in CSV format — it is usually available in the File menu under the name "Save As..." or "Exwww.tablesgenerator.com프론트엔드 개발 작업 하시다보면 테이블을 만들어야 하는 경우가..

package ex01월급계산프로그램; public abstract class Employee { // 접근제한자의 종류 // public = 어디서든 누구나 다 접근 가능 // default = 동일한 패키지만(아무것도 안 적는 것) // private = 현재 클래스에서만 접근 가능 // protected = 동일한 패키지거나 상속관계까지 접근 가능 // 1. 필드 // private -> public -> protected // 사번 protected String empno; //이름 protected String name; //연봉 protected int pay; // default = 동일한 패키지만 // protected = 상속관계까지 접근 가능 // 자바 저장공간 // heap : 커다란..

✅ 문제두 개의 정수를 매개변수로 받아 앞의 정수가 뒤의 정수로 나누어지는지를 판별하는 메소드 isDivide()를 작성하세요.이 때, 나누어지면 true, 나누어지지 않으면 false를 반환함✅ 코드public class Main { public static void main(String[] args) { int num1 = 10; int num2 = 2; boolean result = isDivide(num1, num2); System.out.println("결과 확인 : " + result); } public static boolean isDivide(int num1, int num2) { return num1 % num2 == 0; }} 자바에서 메소드 만들 때 가장 중요한 것!! ★ma..