본문 바로가기

Programming

Programming/JavaScript 2023. 11. 7.
Regular Expression(정규식), 캐러셀, toFixed, parseFloat
Regular Expression(정규식), 캐러셀, toFixed, parseFloat '문자'.includes('찾을단어') 'abc'.includes('a') 사실 이렇게만 하면 문자 검사는 가능하다. 이러면 True, False를 출력한다. 그러나 이건 단순이 존재여부를 검증하는 용도이다. 그래서 정규식(Regular Expression) / / 을 쓴다. /a/.test('abcde') a가 'abcde'에 있는지를 판별하는 코드이다. 이것만보면 includes랑 같아보이지만 /[a-z]/.test('abcde') a - z 중 아무 글자 1개가 있는지 검증하라는 의미 可 단. 대소문자 구별하니 유의! 그래서 한글은 [ㄱ-ㅎ], [ㅏ-ㅣ], 숫자는 [0-9] 이렇게 쓸 수 있다. 아무 문자 하나라도 있는지(특수기호 포함)를 판정: \S
Programming/JavaScript 2023. 11. 7.
JS에 if문 적용해서 로그인 창, 다크모드, time
JS에 if문 적용해서 로그인 창, 다크모드, time if (3 < 1){ console.log('안녕') } else { console.log('안녕2') } JS의 if문 문법은 이런 구조이다. and는 && or는 || 그리고 ===도 있는데 type도 같은지 비교해준다. 1과 '1'이 ==인지에 비교하면 true이지만 ===에서는 false가 나온다. (그래서 !==도 있다.) 삼육구 게임을 예로들면 function 삼육구(N) { if (N % 9 == 0) { console.log('박수 박수') } else if (N % 3 == 0) { console.log('박수') } else { console.log('통과'); } } 삼육구(숫자) 입력시 3의 배수에 대하여 실행된다. 그러면 기존에 만든 것에 대하여 로그인하세요 전송 닫기 Shirt ..
Programming/JavaScript 2023. 11. 3.
bootstrap이용한 서브메뉴, classList, jQuery
bootstrap이용한 서브메뉴, classList, jQuery bootstrap: css, html, js 디자인을 편하게 쓰기 위한 라이브러리 https://getbootstrap.com/docs/5.1/getting-started/introduction/ Introduction Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page. getbootstrap.com 여기 아래에 start templete를 통쨰로 복사에서 새 html에 붙여넣고 시작해보자. 가령 버튼이 필요하면 사이트에서 button을 검색하면 각종 디자인이 나온다. 이를 body안에 넣..
Programming/JavaScript 2023. 11. 3.
기본 JS 및 동적 UI 만들기
기본 JS 및 동적 UI 만들기 JS는 playdata와 관계없이 혼자 공부하는 내용이 기록될 카테고리입니다. JavaScript(JS) 쓰는 가장 중요한 이유: HTML 조작 可 환경 구축하기: 1.VS code에서 extension에 live server 설치하여 실행결과 띄우도록 설정 2. JS전용 폴더 만들고 그 안에서 index.html 설정. 3. index.html에서 html:5 입력및 선택시 자동으로 기본 템플릿 형성 index.html에 html:5를 선택하면 이렇게 기본 템플릿이 자동으로 형성된다. 안녕하세요 JS 초보예요 innerHTML은 기존에 h1에 작성된 내용을 변경하는 목적으로 쓰인다. fontsize와 color와 같은 css요소는 style을 통해 연결하여 변경한다. 이를 실행하면?
Programming/Java 2023. 10. 25.
API(POST, PUT, DELETE) 만들기
API(POST, PUT, DELETE) 만들기 POST API: DB 등 저장소에 리소스 저장할 때 사용. HTTP body에 담아 서버에 전달 (GET API는 URL경로나 파라미터 노출. POST는 하나에 담아 숨김) JSON: 자바스크립트 객체문법 따르는 문자 데이터 형태. (Java Script Object Notation) 방법: 클래스 생성 후 RequestMapping으로 공통 URL 설정 package com.springboot.api.controller; import com.springboot.api.dto.MemberDto; import org.springframework.web.bind.annotation.*; import java.util.Map; @RestController @RequestMapping("/api/v1/post..
Programming/Java 2023. 10. 24.
AOP (Aspect-Oriented Programming) 관점지향 프로그래밍
AOP (Aspect-Oriented Programming) 관점지향 프로그래밍 EL(Expression Language; 표현 언어): 간단하게 참조, 에러 적음 Maven 프로젝트 설정: configure- -> convert to Maven Project 프로젝트 필요한 라이브러리 등록: WEB-INF/lib에 복사해둔 JSTL 관련 라이브러리 삭제하고 필요한 것에 대해 https://mvnrepository.com 에서 JSTL 검색하고 1.2버전 코드 복사해서 사용 스프링 AOP: OOP처럼 모듈화해서 재사용 가능한 구성 만들고 편하게 객체 적용하게 -> 비지니스 로직 구현에만 집중 즉, 잡다한 코드 오류에 시간쓰지말고 생산적인 목적을 위해 일의 능률을 향상시키는 것. 프레임워크(framwork): 반드시 지켜야하는 규정. 일일이 의존성(dependency) 관리하고.. ~..
Programming/Java 2023. 10. 19.
useBean을 이용한 JSP 계산기 파일 단순화
useBean을 이용한 JSP 계산기 파일 단순화 idea: Java코드는 가변성 높음 -> JSP 점점 복잡 可 -> 단순화 필요 -> useBean 사용 서버 실행용 HTML을 다음과 같이 작성한다. (newCalcForm.html) 계산기 use bean + - * / action부분에 "calc.jsp" 입력으로 jsp 실행을 유도한다. 자바코드 작성용으로 Calculator 클래스를 src/main/java에 생성한다. package ch07; public class Calculator { private int n1; private int n2; private String op; public long calc() { long result = 0; switch(op) { case "+": result = n1 + n2; break; case "-..
Programming/Java 2023. 10. 19.
Servlet
Servlet 서블릿(servlet): 자바 소스코드에 html이 들어가는 형태 JSP(Java Serve Pages): HTML에 java 코드 들어가는 것 서블릿의 불편함때문에 JSP가 나왔다. 그런데 JSP도 요즘 불편해서 잘 안씀 -> Spring framwork -> Springboot 서블릿 생성 실습: java resource에서 new 해서 servlet 을 만든다. package ch05; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet;..
Programming/Java 2023. 10. 18.
Javascript를 넣은 회원가입창 만들기
Javascript를 넣은 회원가입창 만들기 [Javascript] 정적인 HTML에서 동적 변경하는 부분 담당 객체 기반 스크립트 언어. node.js 프레임워크 사용하면 서버 프로그래밍도 可 특징: HTML 내용 속성 변경 可, 이벤트 처리 후 사용자와 상호작용 可, 서버와 실시간 통신 기능 可, 현황: Vue(뷰), 앵귤러(Angular), 리액트(React)와 같은 프론트앤드 프레임워크, Node.js기반 서버프로그래밍 영역도 可 모든 HTML 오류는 오타 때문이다! 오타 찾기가 중요함! 회원가입 회원 가입 이름 이메일 가입 가입정보 이름: 이메일: // 자바스크립트 정의 document.getElementById("result").style.display = "none"; 이클립스에서 실행할 때는 다음과 같이 웹 브라우저로 연다. (htm..
Programming/Java 2023. 10. 17.
[Java web] Hello JSP
[Java web] Hello JSP JSP는 옛날 방식 기술이다. 여기서 spring framwork로 넘어갔다. 모든 개발이 서버에서 이루어짐 -> 개발 집중화(효율적) 그러나 개발자와 디자이너 간 역할 분담이 어려움 [이론] 네트워크 TCP/IP(Transmission Control Protocol/Internet Protocol): 컴퓨터간 통신할 수 있도록 만든 프로토콜 중 하나 TCP: 프로토콜(protocol): 컴퓨터간 통신 규약. 모두 TCP/IP 씀 포트(port): 네트워크 사용 출입문 (한 컴퓨터에 여러 네트워크 서비스 제공하는 경우) Domain Name System: 인터넷 주소 ~ 프론트엔드: 클라이언트 중심 프로그래밍. 눈에 보임 (HTML, CSS, Java script) 프론트엔드 중심개발: 최근 핫한 CSR..
728x90
반응형

티스토리툴바