e7e

GUI상에서 충돌구현은 초보자들에게 흥미와 재미, 기쁨을 주기도 하지만, v_mvX = -v_mvX; 표현식의 방향전환은 뇌의 사고방식에도 자극을 주어 컴퓨터적 프로그램 사고방식으로의 전환에도 아두 큰 도움이 된당. 웹에서 쪼메라도 멋지게 표현하려면, 항상 기럭지 긴 CSS가 따라다녀야 하는 부담이 있긴 하지만, 가성비로 따졌을 때 변수를 사용하는 방법에 느낌적인 느낌을 얻을 수 있고, 타이머를 사용하는 순간 로직훈련이 많이 되므로, 시간과 노력을 투자할 만하다 하겠당. 아래 소스를 실행해보고, 조금 가지고 놀아보는 시간을 가져보면 좋겠단 마음이당. 나의 경우 일부러 자동모드를 넣었는뎅, Ball을 여러개 넣어보는 것도 재밌당 하겠당. 나중엔 위쪽에 벽돌을 쌓는다면 벽돌깨기가 완성될 것이당. ㅋㅋㅋ ba..

자바스크립트 2023. 7. 6. 08:51

랜덤 로또번호 6개 만들깅은 요즘 프로그램을 배우는 사람들은 거의 피할 수 없이 지나가야 하는 재미난 통과의례이당. 랜덤은 더미데이터 맹글기에 도움이 되어 전체적인 프로그램을 재밌게 보이도록 도와주공, 각기 다른 6개 번호를 골라야 하는 중복제거 로직은 지금은 체크 메소드가 다 준비되어 있어 시시하지만, 사실 초급자에겐 꼭 한번 생각해보면 좋은 알고리즘 과제이당. 단순히 화면에 번호만 찍히는 건 넘 재미없으닝, CSS와 타이머를 쪼메 섞어서, 로또복권 사고싶겡 쪼메나마 재밌게 만들어 보장. 일부러 기럭지가 기러지더라도 가독성 선택을 위해 CSS를 길게 펼쳐놓았으니, 소스 이해는 크게 어렵지 않을거지만, 전역변수를 window[`lotoNum${i}`] 식으로 사용한 부분과, 타이머 사용부분에 주목해서 보..

자바스크립트 2023. 7. 5. 17:58

드라마 뿌리깊은 나무에서 세종대왕께서 즐기시던 5 X 5 마방진! 알고보면 원리는 간단하당. 인간은 기억과 스스로의 반복 행동패턴에서 원리를 찾아내는 능력이 탁월하다. 그래서 그냥 반복 연습하면 다린이라는 칭호를 얻게된당. 마방진 원리는 아무쪽 변에서 시작해도 되는 뎅. 1. 변 정중앙에서 1이 시작되고, 대각선 방향으로 뻗는당. 2. 그자리가 비어있으면, 다음 숫자를 적고, 막혀있으면 그 자신 바롱 아래칸에 다음 숫자를 적는당. 3. 만약 막혀있지 않은데, 자리가 없다면 반대쪽 끝에 다음 숫자를 적는다. 위 1,2,3을 반복하면 어떤 마방진도 완성된당. 위 규칙을 괘니 맘 가는 대로 구현해 보았당. 너무 생각가는 대로 맹글어서 리팩토링이 필요하지만 싫당. 그저 로직훈련한 정도로 과정은 제끼고, 결과에 ..

자바스크립트 2023. 7. 5. 14:51

스프링부트를  대략 알았으닝, 부트롱 RestFul CRUD를 한번 해보장!(흐름에 집중!)File -> New -> Spring Starter Project를 눌러 아래와 같이 세팅한당.(jdk21기준)Dependency는 아래와 같이 선택하도록 하장(오라클에 MyBatis를 쓸거당!)Lombok은 요기서  다운받아서 실행시키는 요상한 설치법을 추가로 해주공 STS를 재 실행시켜줘야 한당.요상태에서 바로 실행시켜보면  console에 아래와 같은 에러가 발생한당.오라클 데이터베이스 연결과 MyBatis 설정이 필요하당.application.properties 파일에 아래처럼 설정하장.(#은 주석 표시당당)# 아래 2개는 참공logging.level.com.e7e.merong=debug#server.po..

스프링부트 2023. 7. 4. 18:17

회사의 경우 기존 개발자들의 땀방울로 이루어진 이미 잘 만들어진 설정파일들과 검증된 라이브러리들,그리고 유틸리티 클래스들이 포함되어 있는 이클립스나 이클립스 비스무리한 IDE 툴을 받아서(eGov도 이에 해당) 사용하면  버젼등에  크게 신경 안쓰고, 아주 편하게 개발을 진행할 수 있당. 문제는 바닥에서 프로젝트를 새로 시작하거나, 새롭게 Spirng을 공부하는 사람들의 경우설정파일과 매일 티격태격하다가 본질은 오데가고, 재미없고 지쳐간다는 거시당.안타깝게 스프링은 어렵다는 오해까지 뇌리에 기피 기피 새겨진 체로 외면하게 된당!특히 버젼 호환성등의 문제에  대처하는 일은 가성비가 거의 제로에 가깝당. 세상은 그렇당, 불편함에 시끄러워지면 그것에 대응하는 해결책이 나오는 법!스프링부트는 위에서 얘기한 스프..

스프링부트 2023. 7. 3. 20:59

자바스크립트가 지금 처럼 제대로 언어로 대우받기 이전에도 사람들은 사실 대부분 자바스크립트를 무시하면서도 맘 속으로는 잘 하고 싶었고 부러워 했당. 2000년대 초반까지도 dhtml(dynamic html 동적 html)이란 말이 있었고, 자바스크립트를 쪼메 한다고 말하려면 마우스에 글자 따라 다니기를 구현할 수 있어야 했는데, snake 게임을 글자로 구현한 것이었당. 마리 기럭지가 기러지면 피곤하닝, 먼저 아래 소스를 실행해 보고 이야기 하장! mouseStr.html 아래 그림처럼 실행 될 것이당. 단 글자들이 뱀처럼 따라다니지 않고 한줄로 고정되어 따라다닌당.!(개선하장) 사실 이 로직은 쉬운 것은 아니지만, 한번은 해 볼 필요가 있당. 타이머에 의한 비동기 개념과, 다른 함수가 사용하고 있는 자..

자바스크립트 2023. 7. 1. 12:07

2023.06.28 - [자바스크립트] - 시베리안 허숙희의 자바스크립트 비기닝 30 글에서 페이지 나누기를 해보았당. 모바일에서 많이 사용되지만 요즘은 데스크탑에도 그냥 거부감없이 사용되고 있는 무한스크롤을 구현해 보장! 사용자들이 항상 보여지는 모든 글을 읽는 건 아닐 거시당. 무겁게 리스트를 다 가져 왔는데 몇개 보다 다른 곳으로 갈 수도 있당. 아주 낭비당. 그래서 무한 스크롤은 일부만 보여주다가 사용자가 스크롤을 끝까지 내리기 직전에 다음 데이타를 가져오는 식으로 구현된당. 당연히 주로 AJAX와 함께 사용될 거시당. 아래 소스는 google 뉴스를 검색으로 가져오고, 일부만 보여준다메, 스크롤을 내리면 가져온 데이타의 나머지도 보여지는 방식으로, 무한스크롤이 주로 사용되는 배경과 쪼메 다르긴 ..

자바스크립트 2023. 6. 28. 17:36

오늘은 한 템포 쉬어가는 느낌으로 잠시 3D 맛을 보고 가려한당.괘니 뭔가 있어보이게  지식있게 보이려고 정리한 노력이 아래 결과이다.~~그래픽 카드 비용이 조금 비싸긴 하지만  일상적으로  3D게임을 즐기는 사람도 많고, 유투브 영상 중에도 가상현실(VR)을 담고 있는 영상이 지속적으로 올라올 정도로 IT기술의 흐름은 사용자 인터페이스를 점점 3D쪽으로 몰아가고 있는 듯 보인당.웹에서도 환경상 성능의 문제가 있었지만 오래전 부터 페이지에 3D를 담는 기술이 있어 왔당.일찍이 Apple사의 제안으로 표준기술로 웹페이지에서 3D를 표현하려는 노력이 있어왔공, CSS의 3D 설정 속성과 자바스크립트를 이용하면 3D를 표현 하고 여기에 움직임까지 더 할 수 있땅.참고로 웹페이지에서 3D를 표현하기 위한  th..

자바스크립트 2023. 6. 28. 17:05