공부 150

fornt-end를 만들어주는 사이트 Layoutit

안녕하세요, 장지랩입니다. 백엔드 개발을 하다 보면 프론트엔드 개발은 너무 멀게만 느껴지기도 하고. CSS,HTML 등등은 내가할일이 아닌것 같고 그렇네요.. 예쁜 웹페이지를 만들기 위해 부트스트랩 템플릿을 마구 찾아봐도 내 입맛에 맞는 템플릿을 찾기란 쉽지 않습니다. 저도 그렇게 만족스러운 템플릿을 검색하던 중 좋은 사이트를 발견했어요. 각각의 엘리먼트나 그리드를 마우스로 드래그해서 원하는 레이아웃을 만들 수가 있어요. 그렇게 만든 레이아웃은 css,fonts,js,src폴더에 예쁘게 담겨서 내려받을 수 있습니다. 이렇게 만들어진 자료를 내 홈페이지에 적용만 하면 끝이니 엄청 간단하게 내가 원하는 웹사이트 템플릿을 만들 수가 있네요. 프론트엔드 개발자가 아니더라도요 ! 바로 레이아웃IT입니다. http..

공부/WEB 2022.09.28

Vue.js 재직자 교육 4일차 [뷰 컴포넌트,뷰 템플릿

뷰JS 컴포넌트의 장점 재사용성 향상 - 개발효융성 증가 이미 만들어진 컴포넌트를 재사용하므로 품질이 보장됨 적절히 분할한 컴포넌트가 느슨하게 결합하므로 유지보수성 향상 컴포넌트는 템플릿 스크립트 스타일로 구성될 수 있다. 지역컴포넌트와 전역컴포넌트 지역변수,전역변수와 같은느낌으로 보면 될듯하다. 뷰 템플릿 관련 기술 0.string literal , template literal 1. text/x-template : script 태그에 text/x-template type을 사용하면 browser에 dom으로 인식되지 않아 template으로 활용 가능함. 무슨뜻이냐면 . vue.component('text',{template: 여기다가 템플릿 을 다 넣으면 엄청길어지니깐 따로 script파일로 빼서 ..

공부/Javascript 2022.09.28

[Vue.js] vue.js 시작하기 및 초보자 예제 실습

안녕하세요, 장지랩입니다. 회사에서 SM업무를 하다보면 SI에 비해 개발자로서 실력이 뒤떨어지지 않을까 하는 고민을 끈임없이 하게 되요 그러다 같은 고민을 갖고 있는 동료와 함께 웹서비스를 하나 개발해보기로 했어요. 우선 안써봤던 기술들을 써보자 해서 프론트엔드는 뷰.js가 채택되었습니다. 들어보기만 한 뷰JS에 대해 공부를 슬슬 할까합니다. 오늘 한내용에 대한 복습겸 포스팅입니다. 뷰JS는 프론트용 자바스크립트 프레임워크로 이에 대한 정의는 따로 적지는 않겠습니다. 저도 공부가 더 필요하거든요 추후.. 뷰JS란 무엇인가라는 포스팅으로 다루겠습니다. 1.vue.js 설치 그냥 뷰JS 스크립트만 임포트시켜주면 됩니다 헛헛.. CDN을 통해서 넣어줘도 되고, 직접 스크립트를 다운받아 넣어주셔도 됩니다. 스크..

공부/Javascript 2022.09.28

MYSQL ROOT 비밀번호 분실시 대처방안

안녕하세요, 장지랩입니다. 네이버클라우드 플랫폼으로 클라우드 우분투 서버를 만들어서 웹서비스를 운영하려고 준비중인데 갑자기 디비 접속이 되지 않아 커넥션 오류가 발생했습니다(비밀번호가 틀렸다고..) 비밀번호를 바꾼적도 없고 해서.. 해킹당했나.. 오류인가 별별 생각을 다 했는데 어쨋건 이 오류를 해결하기 위해 폭풍 검색을 해서 해결했습니다. 해결방법 요약 1. DB가 설치된 서버에 접속 2. mysql 비밀번호 입력 안해도 되는 모드로 변경 3. root로 접속 4. root비밀번호 업데이트 5. mysql 재기동 요약은 다음과 같고 구체적인 해결 방법은 아래와 같습니다. 1.DB가 설치된 서버에 접속 2. mysql 비밀번호 입력 안해도 되는 모드로 변경(안전모드) sudo service mysql s..

공부/DB 2022.09.28

JNDI셋팅(tomcat,mysql) 중 발생한 에러 및 처리

tomcat - mysql - jndi 셋팅 중 에러 및 처리에 대한 기록입니다. 1. SqlSession Autowired 문제 sqlSession autowired가 안되 발생한 문제다. 에러 내용을 보면 datasource bean을 못찾는것. 실제로 소스를 확인해보면, sqlSessionFactory에 등록된 datasource가 찾을 bean이 없다.! testDao.java @Repository public class testDao { @Autowired SqlSession sqlSession; @SuppressWarnings("unchecked") public List getGospe() { HashMap input = new HashMap(); input.put("type", "AD"); ..

공부/JAVA 2022.09.28

JAVA PreparedStatement addBatch,executeBatch 사용 중 에러처리 (BatchUpdateException)

쿼리속도를 올리기 위해 preparedStatement 클래스의 addBatch,executeBatch 매서드를 이용하는 경우가 있다. 나도 대용량의 엑셀데이터를 DB에 넣기 위해 위 메서드를 이용했는데, 데이터를 인서트하다가 오류가 나는 경우가 있었는데, 문제는 배치를 사용했을 때 오류가 어디서 발생했는지 에러코드를 트래킹할 수가 없다는 점이다. executeBatch() 실행 중 에러발생 시 대략 이런식으로 나온다. com.ibm.db2.jcc.am.BatchUpdateException: [jcc][t4][102][10040][3.65.77] Batch failure. The batch was submitted, but at least one exception occurred on an individ..

공부/JAVA 2020.11.10

ubuntu 16에서 텔넷 설치하기

안녕하세요, 장지랩입니다. ubuntu에서 텔넷 설치하는 방법을 알아보려 합니다. 제 포스팅을 보시면서 따라오면 금방 설치할 수 있습니다. 1. 텔넷 설치 apt-get install xinetd telnetd 2. 텔넷 서비스 설정 vi /etc/xinetd.conf 편집기를 통해 텔넷 서비스를 추가해줍니다. service telnet { disable = no flags = REUSE socket_type = stream wait = no user = root server = /usr/sbin/in.telnetd log_on_failure += USERID } 3. 텔넷 서비스 재기동 systemctl restart xinetd 4. 접속 확인 telnet ip port

공부/Ubuntu 2019.09.12

웹서비스 자동배포 환경 만들기[Ubuntu,tomcat8,jenkins,maven,git]

안녕하세요 장지랩입니다. 엄청난 삽질 끝에 젠킨스 설정 및 자동배포에 성공했고, 그 과정을 공유해드리려고 합니다. 부디 여러분들은 저같은 삽질을 절대 하지 말길 바랍니다 (..ㅠㅠ) 젠킨스 프로젝트 만들기 1. 젠킨스를 서버에 설치한 후 웹페이지 로그인하고 들어가시면 좌측에 새로운 Item이란 메뉴가 있습니다. 젠킨스 new item을 누르면 새 젠킨스 프로젝트 생성 메뉴가 나옵니다. 저는 Maven Project를 자동빌드 및 배포할 예정이지만 Freestyle Project로 만들어줍시다. 추후 말씀드릴 거지만 젠킨스를 처음하시는 분들은 Project 이름을 절대 변경하지마세요 ..ㅠㅠ 프로젝트를 만들었으면 프로젝트로 들어가 '구성'메뉴를 눌러줍니다. 이제 빌드와 배포 설정을 해줄거에요. 젠킨스 자동..

공부/Ubuntu 2019.09.12

Ubuntu tomcat8 설치 및 젠킨스 자동배포를 위한 tomcat8 manager 셋팅

안녕하세요 ,장지랩입니다. 네이버 클라우드 플랫폼(유사AWS)를 통해 우분투에 웹서비스를 배포하려고 열심히 공부중인데요, 톰켓을 설치하고 자동배포 환경을 만들기 위한 젠킨스 셋팅에 필요한 톰켓 매니저를 셋팅해봤습니다. 1. 톰켓 및 기타 플러그인 설치 apt-get install tomcat8 apt-get install tomcat8-docs tomcat8-examples tomcat8-admin apt-get 명령어를 이용해서 톰켓과 플러그인들을 설치해줍니다. 설치가 완료되면 톰켓 서버가 자동으로 실행됩니다. localhost:8080 또는 개인의 퍼블릭IP:8080을 통해 웹서비스에 접속해줍니다. 톰켓 7은 자바홈을 셀프로 설정해줘야지만 설치 및 서비스 기동이 됐었는데, 톰켓8은 다르네요!! 완전짱..

공부/Ubuntu 2019.09.11