전체 글 28

동적 생성한 input 값을 넘기지 못할 때(input 값 null)

증상: 테이블 내부에 append() 를 사용하여 input을 생성. form문으로 다음 페이지에 정보를 넘기는데 동적 생성된 input 값만 null. 해결: table 내에 form 태그가 만들어져있었다. table 내부에 form 태그를 만들면 동적생성된 input 값을 넘기지 못한다. form 태그를 table 바깥으로 빼주었다. 사담: 코딩규칙을 무시하지말자... 공부를 멈추지 말자.. 참조 https://gocoder.tistory.com/296 HTML - 동적으로 추가된 input 값이 결과에서 받아지지 않을때 append innerhtml로 추가한 동적 Input이 결과 값에서 넘어오지 않을때 안녕하세요. 고코더 입니다. 최근에 아주 간단하고 복잡한 문제를 마주했습니다. 동적으로 추가한 ..

ERRORs 2022.12.04

[ajax]Skip CORS processing: request is from same origin

프로젝트를 실행하던 중 아래와 같은 에러가 났어! 대체 무슨말인가 하니 javascript가 ajax로 호출을 할때 소스가 위치한 도메인 url과 호출을 하는 url의 도메인이 일치해야 한다고 해. 이걸 CORS라고 한대! 따라서 내가 마주친 에러는 javascript의 보안규칙에 위배되므로 소스의 URL 도메인과 파일을 업로드하는 도메인이 동일하도록 맞춰주고나서 해결되었어! 늘 느끼는건데, 정말 코드의 철자 하나, 소문자 대문자 차이 때문에 하루 종일 고생할 때도 있는 것 같아. 하나하나 꼼꼼히 보며 개발하는 습관을 들여야겠어!

ERRORs/JAVASCRIPT 2021.03.19

[LINUX]리눅스 명령어

얼마전 회사에서 리눅스와 우분투를 만질 기회가 있었어. 지금은 그냥 일처리에 필요한 기능만 알고 있을 뿐이지만 앞으로 조금씩 더 공부해서 익혀나가는 걸로! 1. grep 1) 역할: 파일 내용, 콘솔 출력 내용에서 문자열 검색해서 보여줌. 2) 예시: grep -v (문자열) : 해당 문자열을 제외한 결과를 출력해준다. 2. awk 1) 역할: 패턴 탐색 및 처리.파일에서 결과 추출 및 가공. 2) 예시: awk '{print $2}' 3. find 1) 역할: 파일 및 디렉토리 등 검색 2) 예시 find /linu 4. exec 1) 역할: 앞 명령어 실행 결과를 입력받아 “\;” 라는 표기자를 만날때까지 읽고 실행 5. xargs 1) 역할: 앞 명령어 실행 결과를 입력받아 인자 연속 나열하여 명령..

LINUX 2021.03.19

자바스크립트로 웹페이지 요소 접근(javascript, jquery,DOM)

이번 글에서는 자바스크립트를 가지고 웹페이지 요소에 접근하는 법에 대해서 짤막하게 써보려고해! 가장 먼저 웹페이지를 잠깐만 짚고 넘어가보자! 웹페이지는 일종의 문서(Document)라고 할 수 있어. 대표적으로 html만 봐도 가 있고, 가 있는 식으로 부분적 요소나 내용이 관련된 것들끼리 묶여서 존재하는 구조화 되어있지. 이런 웹페이지에 구조적으로 표현하는 방식을 제공하는 것을 DOM이라고 해. DOM - Document Object Model DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. [DOM의 주요 인터페이스] 기회가 되면 document나 element, window 같은 녀석들..

JAVASCRIPT 2021.02.17

형상관리도구 - SVN이란

[형상관리도구는 왜 필요할까?] 아마 대학교 수업에서 접할 수 있는 프로젝트는 주로 개인프로젝트, 해봐야 2,3명 정도가 하는 팀프로젝트정도겠지? 그럴 때는 그냥 코드 복사-붙여넣기하거나 카톡으로 공유하는 걸로 충분했을거야. (내 얘기) 그런데 한 두명이 아니라 여러 사람들이 함께하는 프로젝트라면? 4명,5명,,,10명이 하는 프로젝트라면? 그때도 코드를 복사해서 공유해야할까? 만일 한 파일을 여러 부분으로 쪼개서 개발을 하고 있다면? 그때는 어쩌지.. 이렇게 협업에 있어서 어려움을 해소하고자 등장한 것이 형상관리툴이야. [형상관리도구란?] 형상관리도구, 형상관리툴 혹은 소프트웨어 버전관리 툴이라고도 불러. 협업을 위한 도구라고 할 수 있지. CSV, SVN, GIT 등 여러 형상관리 도구들이 있는데, ..

형상관리 2021.02.09

[JSP] Include 사용법

게시판의 상단 배너를 생각해보자.메인페이지이든, 로그인페이지이든, 게시글목록 페이지이든 결코 변하지 않는 영역이지. 사실 지금까지는 main 페이지에 배너가 있고, view 페이지에도 배너가 따로 존재해. 이런 방식이 안좋은 이유는, 해당 배너에 수정사항이 생길 경우 모든 페이지 파일을 찾아다니면서 수정사항을 적용해 주어야 하기 때문이야. 그러나 include를 하면 그런 수고를 할 필요가 없어져. [include 사용하기]1. include할 파일을 만들기 나 같은 경우는 화면 상단 배너를 사용할 것이기에, mainBanner.jsp라는 상단 배너만 있는 파일을 하나 만들었어. 2. include 적용하기이제 만들어진 파일을 사용해보자. 정말 간단하지? 이렇게 한 줄만 적어주면 그 어떤 페이지에서도 동..

Several ports (8005, 8080) required by Tomcat v8.5 Server at localhost are already in use

Several ports (8005, 8080) required by Tomcat v8.5 Server at localhost are already in use 'Starting Tomact v8.5 Server localghost' has encountered a problem. 오늘도 어김없이 찾아오는 오류녀석들. 갑자기 이클립스가 튕기더니 잘만 되던 프로그램이 실행이 안되더라구. 당황스러웠지만 일단 오류문을 보고 안도했어. 포트가 이미 실행되고 있어서 안되는 거였구나.. 아마 이클립스가 튕기면서 사용하던 포트를 닫지 못해서 오류가 나고 있는 것이겠구나.. 해결 1. CMD 열기 2. netstat -a -n -o -p tcp 3. 오류 구문에 나온 포트 및 PID 찾기 4. taskkill /f /..

ERRORs/Tomcat 2021.01.28

[JSP]CSS 만들기 및 CSS 적용

서론 최근 코드 리뷰를 받을 때 지적 받은 부분이 있어. 그건 바로 css에 대한 부분이야. 게시판을 만들 때 부트스트랩을 사용했는데, 그 외에 수정사항이 생기면 딱히 외부 CSS를 만들기 귀찮기도해서, 이런식으로 인라인 css를 이용했어. 죄다 style 투성이지? 그런데 이런 방법은 굉장히 좋지 않다고 하더라구. 나는 디자인 관심없고 개발만 하고 싶은데.. 그래, 사실 제일 중요한 건 기능이지. 안그래? 아무리 잘뽑은 디자인의 웹이라고 하더라도 기능이 엉망진창이면 누가 이용하겠어? 하지만 반대로 온갖 기능구현이 다 되어있는데, 사용자가 불편하거나 저세상 디자인이라면 그 또한 누가 이용하겠어? 그리고 하나 더. 개발을 할 때 기본적인 디자인은 맞춰줘야 한다고 생각해. 디자인에 대한 수정사항이 있을 때마..

Web Programming 2021.01.27