e7e

2023.07.04 - [스프링부트] - sts4 spring boot 두번쨍 까지 잘 따라 했다면 이제 프론트단(화면) 을 간단히 구현해서 AJAX와 RESTFUL을 연계해보장 확인용 더미 데이터를 아래 insert문을 이용해서 데이타베이스에 넣도록 하장. insert into sujin(sujin_num,sujin_name,sujin_content,sujin_file) values ( seq_sujin.nextval, '운제경', '교육과정이 ...', '/merong/roze1.jpg' ); insert into sujin(sujin_num,sujin_name,sujin_content,sujin_file) values ( seq_sujin.nextval, '빙지형', '만족스러운 ...', '/me..

스프링부트 2023. 7. 10. 08:03

생각외로 많은 웹개발자들이 레이아웃(Layout)을 스스로 구성하지 못한당. 안타깝당. 예쁘게는 못해도 프로토타입(Prototype)은 잡을 수 있어야 하지 않겠는강? 어렵지 않은 걸 외면할 때 안타까움을 너머 부끄러움도 느껴진당. CSS position 속성에 설정 가능한 값은 아래와 같당.(요번에 확실히 알장!) static 기본값으로 배치를 브라우져에개 맡기겠다는 의미당 relative 브라우져가 배치하고 나서 내가 추가 조정을 하겠다는 의미 absolute 브라우져 왼쪽 모서리 기준으로 내가 직접 배치하겠다는 의미 문제는 절실한 순간에 필요한 건 아래 내용이란 거시당 부모: relative , 자식: absolute 자식을 부모 왼쪽모서리 기준으로 배치가능 left,top,right,bottom ..

자바스크립트 2023. 7. 6. 17:06

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