웹개발 9

세무민의 코딩일기 : application.yml 파일 내 변수 생성 후 @Value 호출 시 Null 가져오는 문제 해결

이번 포스팅은 회사에서 코딩하다가 해결한 사항이라서 코드는 직접 올리지 못하지만 아래와 같이 처리했다는 걸 기록용으로 남겨보려고 한다. // 해당 코드는 예시를 들어서 설명하기 위한 코드 /* * application.yml * / moomin: url : sg-moomin.tistory.com /* * Class * / @Component public class moomin(){ @Value("${moomin.url}") private String url; public string main(){ return url; } } 일단 위의 코드는 예시임으로 정확하지 않을 수 있다. 위의 소스만 봤을 때는 사실 문제 될 사항이 없다. 컴포넌트 어노테이션을 통해 스프링 DI도 연결한 상태임으로 null이 리턴된..

세무민의 코딩일기 : NodeJs를 이용한 File Create 및 Delete하기

예전에 Node.js 공부를 했던 내용에서 추가로 공부를 한 내용을 기반으로 다뤄보겠습니다. Node.Js를 사용하면서 느낀점은 서버 구현이 간편하고 비동기적인 병행처리가 매력적입니다. Node Pacakge Module 즉 NPM이 매력적이라는 생각이 들더라구요 ㅎㅎ 본론으로 들어가서 보면 기존에 만들었던 화면에서 파일 생성과 파일 삭제를 추가해봤어요 화면 가장 기본 화면입니다. 기본 Main에서는 현재 파일들을 보여주는데 sg-test와 table이라는 파일을 가지고 있습니다. 여기서 create를 실행하면 내용을 추가할 수 있도록 구성했고 위와 같이 새로 생성된 것을 확인할 수 있으며 새로 생성한 파일을 수정도 가능합니다. (삭제도 가능해요 ㅎㅎ) 코드 Main.js var http = requir..

Programing/NodeJs 2022.04.25

파이썬 웹 개발을 위한 기초 공부하기 3탄 - django 기본 틀 잡기 및 DB 설계 초본 제작

저번주에 같이 하기로 한 친구와 만나서 프로젝트 회의를 하다가 Flask 대신 Django로 진행하기로 했다. Flask는 장점도 존재하지만 레퍼런스가 부족하고 프레임워크 상 Django처럼 지원해주는게 부족하기 때문에 코드의 양이 많아지기도 하는 단점이 있다. 그래서 Django로 개발하는 것이 오히려 효율적이라는 생각도 들었다. https://github.com/sg-moomin/python_flaskStudy GitHub - sg-moomin/python_flaskStudy Contribute to sg-moomin/python_flaskStudy development by creating an account on GitHub. github.com 조금이라도 공부하는 내용들은 해당 깃에 올리는 중입..

Programing/Python 2021.12.08

파이썬 웹 개발을 위한 기초 공부하기 2탄 - Flask 기본 툴 잡기 [세무민의 코딩일기]

이번주도 퇴근하면서 틈틈히 웹 개발에 대해 기초 공부를 진행했습니다. https://github.com/sg-moomin/python_flaskStudy GitHub - sg-moomin/python_flaskStudy Contribute to sg-moomin/python_flaskStudy development by creating an account on GitHub. github.com 동일하게 현재 공부하는 내용들은 최대한 깃 허브에 업로드하면서 공부중입니다. 파이썬에서 우선 Flask를 이용해서 개발을 진행하고 있습니다. Flask를 사용하다보면 Flask도 자바처럼 기본 구조가 있습니다. 위와 같이 static, templates, views, init, filter, forms, model..

Programing/Python 2021.12.02

Spring MVC를 이용하여 웹 페이지 제작 vo4 : Bootstrap을 이용해서 디자인 및 FileIO [File 입출력, Json, JqGrid 등]

sg-moomin.tistory.com/48 Spring MVC를 이용하여 웹 페이지 제작 vo3 : Json File을 연결한 후 view(jsp)를 이용하여 확인해보자. sg-moomin.tistory.com/45 Spring MVC를 이용하여 웹 페이지 제작 vo2 : spring 초기 설정을 해보자 sg-moomin.tistory.com/44 Spring MVC를 이용하여 웹 페이지 제작 vo1 : Spring MVC을 이해하자 우선 Spring Mv.. sg-moomin.tistory.com 우선 전에 포스팅을 못본 분들은 위에서 확인! 전 포스팅에서는 기본적인 Controller -> Service -> Store 과정을 다뤘는데 오늘은 직접 데이터를 입력해보고 View단을 꾸며보도록 하겠습니..

Spring MVC를 이용하여 웹 페이지 제작 vo2 : spring 초기 설정을 해보자

sg-moomin.tistory.com/44 Spring MVC를 이용하여 웹 페이지 제작 vo1 : Spring MVC을 이해하자 우선 Spring Mvc를 이용해서 웹 페이지를 만드는 걸 주로 했는데 기록으로 남긴건 항상 포토폴리오를 제외하고는 없었다. 그래서 이번 기회에 기록으로 남겨볼 생각이다. 포스팅이 얼마나 많아질 sg-moomin.tistory.com 혹시 spring mvc에 대해서 보지 못한 경우 위의 포스팅을 참고하는 걸 추천한다. 이번 포스팅에서는 eclipse로 웹 화면에서 hello world를 출력해볼 것이다. 사실 초기 셋팅이라고 생각하면 된다. 우선 Eclipse를 작동시켜서 file -> new -> Dynamic Web Project 클릭 클릭했을 때 위와 같은 창이 뜨게..

Spring MVC를 이용하여 웹 페이지 제작 vo1 : Spring MVC을 이해하자

우선 Spring Mvc를 이용해서 웹 페이지를 만드는 걸 주로 했는데 기록으로 남긴건 항상 포토폴리오를 제외하고는 없었다. 그래서 이번 기회에 기록으로 남겨볼 생각이다. 포스팅이 얼마나 많아질 지 모르지만 이론부터 실습까지 제작할 생각이다. 우선 Spirng MVC라는 말은 엄청 들었을것이라고 생각된다. 위의 이미지는 실제 md 파일로 SpringMVC와 관련해서 이론적인 부분을 정리해놓은 파일이 있구 이 파일을 기반으로 간단하게 설명 후 바로 코드로 넘어가도록 하겠습니다. 우선 Spinrg FrameWork에 대해서 이해하는 것이 중요하다. Spring FrameWork는 자바 엔터프라이즈 개발을 편하게 해주는 오픈소스 프레임워크! 더 쉽게 말한다면 자바 프레임 워크 중 하나! Spring은 유연성과..

IT세무민의 코딩일기 : JqGrid를 이용해서 테이블을 손쉽게 만들어봅시다

sg-moomin.tistory.com/24 IT세무민의 코딩일기: JQuery Grid가 안입혀질때 처음으로 돌아가보자 ㅠㅠ 인턴을 하면서 기존에 웹페이지 방식을 응용프로그램 형식으로 단순화 작업을 해야 한다고.... 그래서 결국에 모든 코드를 수정해아하는 대참사... 그래도 이왕 하는거 재대로 해보자는 생각에 B sg-moomin.tistory.com 전에 작성했었던 Grid에 대해서 좀 더 다뤄보도록 하자. 인턴을 하면서 사실 Table -> Grid -> Ajax Table을 만들면서 Grid가 확실하게 편리하고 기본적으로 Open Api로 구성된 Grid를 이용하는건 정말로 편리하다. 참고 사이트 : www.guriddo.net/demo/bootstrap/ Guriddo jqGrid - jQue..

IT세무민의 코딩일기: JQuery Grid가 안입혀질때 처음으로 돌아가보자 ㅠㅠ

인턴을 하면서 기존에 웹페이지 방식을 응용프로그램 형식으로 단순화 작업을 해야 한다고.... 그래서 결국에 모든 코드를 수정해아하는 대참사... 그래도 이왕 하는거 재대로 해보자는 생각에 BootStrap Table 형식 -> JQuery BootStrap Grid 형식 변환하는 과정에서 자꾸만 빈칸으로 생성되는데.... 처음에 Grid가 문제인가? 아니면 .js파일들이 오류인가 문제점을 확인하지 못했다... 그래서 나는 Jquery 가이드를 참고해서 테스트를 해봤다. www.guriddo.net/demo/bootstrap/ Guriddo jqGrid - jQuery based grid HTML5 component for Javascript Edit form with custom template New ..