전체 글
-
초보자를 위한 게시판의 글자색을 바꾸는 기능을 만들어 보자Study/JavaScript 2024. 2. 5. 17:57
초보자가 처음 프로젝트로 보통 게시판을 만들게 되는데, 이때 열의에 차서 게시판 기능에도 여러가지 기능을 넣고 싶을때가 있다. 나 또한 수강생시절 게시판 만들기를 했었고 사용자의 편의를 위해서 글자의 색을 바꾸고싶다는 생각으로 기능을 만들어 보았고, 간단하게 만든 기능이니 활용성이 떨어지지만 참고하여 기능을 확장 시키면 좋을듯하다 1.결과화면 글을 작성하는 페이지에 글자색을 사용자가 원하는 색으로 바꾸게해서 사용사의 활용성을 높이고싶다 할때 글자색을 어떻게 바꾸지 할때 제글을 보시길 바란다. *글자색 바꾸기전 *글자색 바꾸고 난 후 2. 구현 방법 (1)html 코드 먼저 글을 쓸수 있는 칸이 필요한데, 이거는 textarea 태그를 이용하면 되고 나는 편의를 위해 style을 지정해 사이즈를 정해두었고..
-
초보자를 위한 서버에 tomcat 업로드 후 실행시켜보기Study/Server 2023. 9. 26. 17:36
회사에서 프론트니 백이니 구분없이 일을 하는데 요글래는 거의 프론트 및 퍼블 업무만 받아 하다가 선임으로 부터 업무지시가 떨어짐 "이번에 서버를 새로 구축해야 되는데 tomcat을 깔아보고 개발한 소스를 그위에 올리도록!" 헛...스프링부트를 사용하는 개발자라면 이미 내장되어 있어서 tomcat을 깔아본경험이 없을것이고, 이클립스를 쓰는 사람이라면 손쉽게 버튼 몇번만 누르면 연결이 되서 local에서 써봤을텐데... 나와 같은 업무지시를 받은 마와같은 초보자 신입을 위하여 글을 써본다. 넘 서론이 길었지만....go... 1.JAVA 서버에 깔려 있는지 먼저 확인 tomcat을 까기전에 먼저 java가 깔려 있는지 확인 해야함. 참고로 서버 접속 터미널?! 로는 MobaXterm 을 사용하고 있고 os는..
-
var 와 let 둘 중 뭐를 써야 될까??Study/JavaScript 2023. 8. 4. 14:03
자바스크립트를 배우거나 코드를 보다 보면 어떤 코드는 var를 잔뜩 써놓고 어떤 코드는 let을 잔뜩 써 놓았는데, 도대체 이게 뭐냐?? 하실겁니다. 일단은 var 와 let 둘다 변수를 선언할때 쓰입니다. 다만 var보다 let이 좀더 업그레이드 되었다. 고 생각 하심 좋을거 같습니다. 그렇다면 어떤 부분이 업글이 되었는지 궁금해 하실텐데 그전에 먼저 알아둬야 될 지식이 있습니다! 바로 Hoisting(호이스팅)기술 입니다. 보통 코드의 흐름은 위에서 아래로 물이 흐르듯이 차례차례대로 실행이 되는데, 자바스크립트는 실행이 될때 먼저 코드를 훝어서 변수와 함수를 갈고리로 낚아채듯 감아올려(hoist) 최상단에 두고 기억해 뒀다가 변수나 함수를 선언할때마다 메모리에 꺼내서 호출할수 있습니다! 즉, 변수나 ..
-
비전공자 30대 중반 여자가 어떻게 개발자로 취업 했지?(2)사는 이야기 2023. 7. 5. 00:57
저번 part1글을 쓰고 나서 누가 봐주긴 하나 싶지만서도 혹시나 나 처럼 고민하는 분들이 있을까 싶어 올려놓고, 회사일이 바빠 신경을 못 쓰다 오랜만에 들어와서 보니 생각보다 많은 분들이 봐주시는구나 싶어 part2도 작성해 볼까 합니다. part2. 어떤 학원을 갈까? 개발자로 전직이나 진로 방향을 틀었다면 두번째로 고민하는게 학원을 어디갈까 입니다. 전공자나 혼자서 고민하고 코드 짜는 습관이 있는 분들은 혼자 공부하는 것도 좋으나 저 처럼 암것도 모르는 쌩초자는 아무래도 교육기관을 알아보는거 같습니다. 그때부터 주변 지인이며, 인터넷이며 열심히 물어보고 서치하며 좋다는 학원 또는 부트캠프 몇개 추천을 받습니다. 그러고 상담을 받고 등록을 하게 되죠. 그 과정 중에서 저의 개인적인 견해를 한번 이야기..
-
초보자도 간단하게 이해하는 CORS 개념과 아주쉬운 해결방법Study/Server 2023. 4. 12. 11:50
개발을 하다가 많이들 부디치는 문제인 CORS 문제!!! 선배들한테 CORS에 대해서 주워 듣기는 했는데, 막상 CORS문제를 만나니 머리가 아프다 ㅠ 어렵지만 웹 개발자로써 꼭 알고 가야할 에러이기에 이번 기회에 한번 정리해보기로 하자! 먼저 에러메세지를 보자 Acess to XMLHttpRequest at 'http://파일IP:85/file/20160007/' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 1.상황 인사모듈을 개발중인데 개발하고 있는 local 컴퓨터 -> 웹에서 다른서..
-
초보자도 만들 수 있는 자바로 엑셀 기능 만들기Study/Spring 2023. 4. 8. 00:27
Cell headerCell0 = headerRow.createCell(0); headerCell0.setCellValue("상담상태"); Cell headerCell1 = headerRow.createCell(1); headerCell1.setCellValue("이름"); Cell headerCell2 = headerRow.createCell(2); headerCell2.setCellValue("시간"); Cell headerCell3 = headerRow.createCell(3); headerCell3.setCellValue("상품내용"); 게시판 기능 중 엑셀로 내용을 내려 받을 수 있게 만드는 기능 많이 봤는데... 내가 구현 할려니 넘 어렵다 ㅠㅠ 그래서 나 같은 초보자를 위하여 엑셀로 내용을 ..
-
초보자도 쉽게 이해하는 jQuery 문법_태그 및 요소 추가하기_ .wrap() .wrapAll() .html() .text()_(2)Study/JavaScript 2023. 3. 26. 00:21
저번에 이어 jQuery 문법에 대해서 설명 ㄱㄱ (혹시 jQuery 문법중 .append() .prepend() .before() after() 문법이 궁금하신분은 아래 링크 참고하시길!!!) https://cbn1218.tistory.com/39 초보자도 쉽게 이해하는 jQuery 문법_태그 및 요소 추가하기_ .append() .prepend() .before() after()_(1) jQuery가 많이 없어지는 추세라고 하지만 금융권에서는 여전히 많이 사용하기도 하고 한번 익혀두면 편리하기에 공부하게 되었슴 특히 플젝에서 많이 사용하게 되는 html태그 추가나 요소를 추가 cbn1218.tistory.com (1) .wrap() .wrap()은 요소 하나하나를 감싸는 함수임 첫 번째 두 번째 이번..
-
초보자도 쉽게 이해하는 jQuery 문법_태그 및 요소 추가하기_ .append() .prepend() .before() after()_(1)Study/JavaScript 2023. 3. 25. 02:33
jQuery가 많이 없어지는 추세라고 하지만 금융권에서는 여전히 많이 사용하기도 하고 한번 익혀두면 편리하기에 공부하게 되었슴 특히 플젝에서 많이 사용하게 되는 html태그 추가나 요소를 추가할 경우 많이 쓰는걸 정리해 두었음 참고로 jQuery를 쓸 때 아래의 모양이 기본 형태임 $("지정하고자하는 html태그 또는 id 또는 class 등의 선택자").함수이름("선택자에 추가하고자 하는 내용"); 또한 jQuery를 쓸 때 head 태그안에 아래 링크를 넣어줘야 jQuery를 쓸수 있다. (1) .append() 선택자 뒤에 추가하고자 하는 내용을 넣어줄때 사용함. 첫 번째 두 번째 아래 결과화면을 보면 선택자인 #list 밑에 div태그가 추가 됨. (참고로 선택자의 태그인 oi 의 자식태그가 되어..