FrontEnd/JavaScript4 JavaScript_문자열의 연산 입사가 거의 확실시 된 기업에서 기술스택으로 node.js와 typescript를 사용한다기에 자바스크립트의 기초부터 공부하고 있다. 공부하다보니 기본연산에서 문자열과 숫자가 섞인 계산에서 몰랐던, 헷갈렸던 부분이 있어서 정리한다 " -9 " + 5 // "-9 5" " -9 " - 5 //-14 + 연산자는 한개의 피연산자가 문자열이면 다른 피연산자도 문자열로 변환된다. 그리고 문자열에서 +연산자는 문자열을 합치는 기능을 하므로 첫번째 코드는 " -9 5" 즉, +연산자는 문자열의 연결 그리고 형 변환을 가져온다. 또한 피연산자중 문자열이 하나라도 있으면 변한다는 사실을 잊으면 안된다! - 연산자는 +와 다르게 두개의 피연산자중 한개가 문자열이고 한개가 숫자형이라면 문자열을 숫자형으로 변환해 연산을 하.. 2021. 12. 19. JavaScript_JSTL을 통한 게시판 생성 (c:forEach) 마지막 프로젝트 전자결재시스템을 만들면서 결재문서들을 LIST에 담아 게시판처럼 출력하는 구현이 필요했고 우리는 JSTL을 통해 데이터들을 가져오기로 했다. JSTL은 Javascript Standard Tag Libraryd의 약자다. 그중에서도 c태그를 많이 사용했고 반복문인 사용사례를 복습해본다. *참고로 mav는 ModelAndView의 변수, sqlSession은 SqlSessionTemplate의 변수이다. Service단에서 mybatis를 통해 "waitApproval" id 값을 가진 출력결과를 waitList라는 List에 담는다. jstl을 사용하려면 출력하고자 하는 VIEW단에서 상단에 위와 같은 jstl을 불러오는 c태그(Core)를 통해 라이브러리를 불러온다. 그리고 jstl의 .. 2021. 9. 8. 0820 프론트에서 백으로 값넘길때 1) form생성해서 넘기기 i) servlet의 action으로 넘길때 form을 통해 넘기는 function을 만들어주고 넘긴다. 여기서는 makeForm이라고 만들어보자. function을 만들어줌으로써 form을 넘기는 function이 필요할때마다 , 기능에 분기해서 사용가능하다. function makeForm(action,method){ // form 생성 let form = document.createElement("form"); //변수명.setAttribute("Key",value) form.setAttribute("action",action); form.setAttribute("method",method); return form; } //Action은 Ser.. 2021. 8. 20. Javascript_Ajax 오늘 오후에는 ajax에 대해 배웠다. ajax란 비동기방식 서버통신이다. 예를들면 기본적으로 정적인 방식의 html의 경우. 사용자가 어떤특정값을 요청한다면 다음페이지의 html로 응답되는 방식 (페이지 전체가 넘어가는 방식)이라면 ajax는 전체페이지가 아닌 필요에 따라 일부분만 응답, 수행되게 해준다. js에 function을 만들어 servlet과 연결하여 약간의 기초실습을 진행했는데 총 5가지 단계로 나뉘어진다. step1: XMLHttpRequest 객체 생성. step2: XMLHttpRequest 개체의 환경설정 :: 서버와의 통신방식, 송수신 데이터 방식을 설정한다. readystate와 status를 활용하게 되는데 readystate 0 = open이 호출되지 않고 request가 초.. 2021. 6. 24. 이전 1 다음
