본문 바로가기

공부기록

 (139)
공부기록, 2021-07-22(expo) - expo - 설치 순서 - nvm install 16.5.0 - npm install -g npm - npm install --global yarn - https://github.com/coreybutler/nvm-windows/releases/tag/1.1.7 setup설치 - npm install --global expo-cli - expo init my-app - cd my-app - expo start - 테일 윈드 적용 - npx create-react-app react- tailwindcss && cd react-tailwindcss - npm install tailwindcss postcss-cli autoprefixer -D - npx tailwind init tailwind.js --..
공부기록, 2021-07-21(jsp) - jsp api파싱 ```
공부기록, 2021-07-14(jsp) jsp인터셉터 - 1. public boolean preHandle(HttpServletRequest, HttpServletResponse response, Object handler) - Controller로 요청이 들어가기 전에 수행됩니다. - request, response, handler 등의 매개변수를 이용가능한데 우리가 아는 HttpServletRequest, HttpServletResponse와 나머지 하나는 preHandle() 메서드를 수행하게 될 컨트롤러 메서드에 대한 정보를 담고있는 handle 입니다. - 2. postHandle(HttpServletRequest request, HttpServletResponse, Object handler, ModelAndView modelAnd..
공부기록, 2021-07-19(jsp) jsp페이지 이동 - 1. response 객체 - response.sendRedirect("이동할_페이지명"); - ex) response.sendRedirect("http://www.daum.net"); //외부 사이트로 이동 - ex) response.sendRedirect("./req.jsp"); //내부 파일의 상대경로를 지정하여 이동 - URL창이 이동할 페이지로 전환되면서 이동 데이터를 서로 공유할 수 없음 - 2. forward 액션태그 - 외부 사이트로 이동 안됨 - 자기 프로젝트의 다른 페이지로만 이동 가능 - URL창이 이동할 페이지로 전환되지 않음 - 데이터를 공유하면서 페이지 이동 가능 - 3. 자바스크립트 - location.href="이동할_페이지명" - location.rep..
공부기록, 2021-07-14(jsp 쿠키) jsp 쿠키설정 - 쿠키에 값 저장시(로그인 처리) - 1)쿠키 객체 생성 javax.servlet.http.Cookie cookie = new javax.servlet.http.Cookie(String name, String value) - 2)생성한 쿠키를 response객체를 통해 응답헤더에 추가 response.addCookie(쿠키객체) 예] Cookie cookie = new Cookie("memID","choi"); response.addCookie(cookie); 기존에 동일한 이름이 있다면 대체가 된다. - 쿠키에 저장된 값 읽어 오기(로그인 여부 판단) - 1)request객체의 getCookies()메서드를 이용해서 읽어온다. Cookie[] cookies = request.getCo..
공부기록, 2021-07-15(jsp) jsp - 1. URL 유효성 검사 ``` function goEventPage(url){ //url 유효성 검사 let regex = /(http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/; //올바른 url이 맞다면 해당 url로 이동 if(regex.test(url)){ location.href = url; } } ``` - 2. Image 유효성 검사 // 태그에서 data-width / data-height의 value 가져오기 tempMaxWidth = parseInt($(this).next().attr('data-width')); tempMaxHeight = parseInt($(this).next().at..
공부기록, 2021-07-14(jsp) jsp - GET - Select와 비슷한 성향 - 서버에서 어떤 데이터를 가져와서 보여줄 때 사용 - 즉, 서버의 어떤 값이나 내용, 상태 등을 바꾸지 않는 경우에 사용 - 예를 들면, 게시판에서 글의 내용에 대한 목록을 보여주는 경우, 글의 내용을 보는 경우 - 클라이언트로가 입력한 query의 이름과 값이 결합되어 스트링 형태로 서버에 전달 - TAG의 METHOD 속성의 값으로 GET을 입력 - ex) - 한번 요청시 전송 데이터 양은 주소값+파라미터로 255자로 제한 - DB에 추가로 정보를 처리하지않고, 저장된 Data를 단순 요청하는 정도로 사용 - URL에 그대로 query의 이름과 값이 연결되어 표현됨 - ex) http://music.naver.com/listen/top100.nhn?d..
공부기록, 2021-07-13(html) html - 1.border 속성은 테이블의 테두리를 설정해주는 속성입니다. ex(border="1")숫자가 높을수록 테두리가 두꺼워 집니다. - 2.bordercolor는 테두리의 색상을 지정하는 속성입니다. ex(bordercolor="blue")default값은 검정색입니다. - 3.width와 height는 테이블의 크기를 결정해주는 속성입니다. ex(width=50px width=100%)픽셀 단위로 크기, 비율로 줄 수 있습니다. - 4.align은 테이블안에있는 값들을 정렬시키는 기능을 합니다. - 5.bgcolor속성으로 원하는 태그의 배경색을 지정해줄 수 있ㅅ브니다. - 6.colspan, rowspan은 셀을 합병(행/열)시키는 기능을 합니다. ## 자주 하는 실수 - 기본기능으로 때우..

티스토리툴바