본문 바로가기

분류 전체보기

 (106)
[JavaScript]탱크 언어 시뮬레이션 만들기 기본적인 JavaScript를 이용해서 자동차가 전진, 좌회전, 우회전하는 코드를 짰다. 탱크 언어 코드를 이용해서 자동차의 움직임을 표현해보았다. 움직임이 잘 보이게 하기 위해서 뒤에 격자 무늬를 넣었다. 1. 전진, 좌회전, 우회전 로직 만들기(javascript) 2. 탱크 언어 코드 입력 ( code = "11 11 11 01 11 11 01 11 10 11") 3. 격자 무늬 배경 넣기 (css) 4. 실행 1. 전진, 좌회전, 우회전 로직 만들기 2. 탱크 언어 코드 입력 ( code = "11 11 11 01 11 11 01 11 10 11") ; → → → ↑ (좌회전) ↑ ↑ ←(좌회전) ← ↑(우회전) ↑ 3. 격자 무늬 배경 넣기 (css) 실행 4. 실행
[JavaScript]키보드로 움직이는 자동차 만들기 기본적인 HTML, CSS, JavaScript로 자동차를 움직이게 만들고 싶어져 만들어 봤다. 물론, GPT의 도움을 받아서 만들어 보았다. 간단하게 JS로 만들 수 있다.🪄 ※ 일반적으로 웹 페이지의 좌표 시스템에서 Y 축은 아래로 갈수록 증가하는 값이라 위로 가려면 tank.y -= 50;을 해줘야 한다. 결과
컴퓨터 사이언스(컴퓨터 개론) 1. 중앙처리장치(cpu) - 산술/논리 연산(ALU) - 흐름 제어(CU) 2. 주기억장치(memory) -임시 저장소(Registor) 3. 다양한 입/출력 장치(HDD/ODD/... ) - 데이터 소스/ 영구 저장소 *입출력 장치의 조합에 따라 컴퓨터 종류/용도 달라진다. (우리는 폰노이만식 컴퓨터 사용 중) *64bit cpu사용 = 64개의 스위치를 이용해서 조작 Code = 0과 1로 만든 약속 암호,부호 bit로 표현(2진법) 영어를 모두 표현할 수 있는 최소한의 크기 : 바이트(Byte) 1byte = 영어 1글자 아스키코드( ASCII Code ) : 미국 표준 코드(8bit로 표현) 아스키코드에서 'A'는 65, 'B'는 66, 'a'는 97, 'b'는 98 등으로 표현. 특수문자 중에..
[Python]파이썬 환경 설정 - 텍스트 에디터와 대화형 인터프리터 VS Code PyCharm Jupyter Notebook Eclipse 인텔리J Colaboratory(a.k.a Colab) → Google Drive에서 갈 수 있음 개발자 질문 사이트 Stack Overflow - Where Developers Learn, Share, & Build Careers Stack Overflow - Where Developers Learn, Share, & Build Careers Stack Overflow | The World’s Largest Online Community for Developers stackoverflow.com 번역 사이트 DeepL 번역: 세계에서 가장 정확한 번역기 DeepL 번역: 세계에서 가장 정확한 ..
[JAVA][Spring]관리자 페이지 만들기 1-1. User.java - UserRole 만들기 1- 2. 회원가입 시 관리자 역할 부여 하기 - signup.html : checkbox이용 - UserController.java : @PostMapping("/signup") 2. AdminController.java 만들기 - 사용자 정보 가져오기 - 사용자 역할 확인하여 isAdmin 변수 설정 3. Admin.html 만들기 - user수, 구독자수, 총 매출, 고객 문의 수 - QnA 리스트 (승인/삭제) - Coupon 리스트 4. nav에 관리자 역할인 경우에만 Admin 버튼 보이게 설정하기 1-1. User.java 1) User.java에 UserRole 만들기 @Entity @Data public class User implem..
[HTML] input pattern사용하기(정규표현식) 웹만들기의 기초가 되는 로그인, 회원가입에 기본적으로 사용되는 input input에 넣을 수 있는 다양한 속성중에 pattern을 이용하여 사용자가 입력할 수 있는 값을 제어할 수가 있다. 이걸 유효성 검사라고 보통 칭하며 입력한 값이 유효한 값인지 체크하는 것이다. pattern을 제어할 때 정규표현식을 사용하며 정규표현식에 대해 알아보자. [ 정규표현식(正規表現式, Regular Expression)은 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 '검색'하거나 '추출', '치환'하는 과정을 매우 간편하게 처리 할 수 있도록 하는 수단 ] 1. 콤마( . ) : 어떤 문자 1개를 가리킨다. (줄바꿈문자(\n) 제외) 2. 대괄호[ ] : [ ] 안에 있는 문자 중 하나를 가리킨다. [ab..
[JAVA][Spring] 본인 인증, 비밀번호 변경하기(2) 로그인, 회원가입 기능을 만들고 난 후 로그인할 때 비밀번호가 기억이 나지 않을 때 본인인증을 통한 비밀번호 변경 기능 추가하기 1. 회원가입 기능 ------>앞의 글 참고 2. 로그인 기능 ------>앞의 글 참고 3. 본인 인증 기능 4. 비밀번호 변경 기능 1)UserController.java 에 추가 @Controller public class UserController { @Autowired UserRepository userRepository; @Autowired PasswordEncoder passwordEncoder; @Autowired HttpSession session; // 본인 인증하기 @PostMapping("/validateUser") public ResponseEntity..
[JAVA][Spring] 로그인, 회원 가입 (1) 로그인, 회원가입 기능을 만들고 난 후 로그인할 때 비밀번호가 기억이 나지 않을 때 본인인증을 통한 비밀번호 변경 기능 추가하기 1. 회원가입 기능 + id 중복체크 기능 + 비밀번호 입력 시 눈모양 클릭하면 입력 내용 보이기 기능 2. 로그인 기능 + 비밀번호 입력 시 눈모양 클릭하면 입력 내용 보이기 기능 3. 본인 인증 기능 4. 비밀번호 변경 기능 [로그인] , [회원가입] 1. User.java (Entity만들기) @Entity @Data public class User implements Serializable { @Id @GeneratedValue(strategy = GenerationType.AUTO) private Long id; private String email; private S..

티스토리툴바