DATA101

📌 들어가며 본 포스팅에서는 JSTL의 기본적인 개념 및 장점, 설치/사용방법을 예제코드와 함께 소개합니다. 📚 목차 1. JSTL 개념 2. JSTL 장점 3. JSTL 설치방법 4. 예제 코드 1. JSTL 개념 JSTL은 JavaServer Pages Standard Tag Library의 약어로, Java 코드를 바로 사용하지 않고 HTML 태그() 형태로 직관적인 코딩을 지원하는 라이브러리입니다. 어렵게 말하자면, JSTL은 JSP의 확장 태그라고 부릅니다. 일반적으로 HTML 태그만으로는 Java의 forEach 문과 같은 반복문을 사용할 수 없습니다. 하지만, 아래의 예시 코드의 body 태그를 보시면, Java나 타 프로그래밍 언어처럼, 태그() 안에 쓰임새가 직관적으로 파악되는 반복문을 ..

👨‍💻 들어가며 본 포스팅에서는 이클립스를 활용하여 간단한 정적(static) 웹 페이지를 만드는 과정을 소개합니다. 구체적으로, 메인 페이지와 2개의 페이지로 총 3개의 페이지를 만들고, 메인 페이지에서 다른 2개의 페이지로 하이퍼링크를 통해 넘어가는 방법을 소개합니다. 1. 개발 Step 1. 이클립스 실행 먼저, 이클립스를 실행합니다. Step 2. Web 개발 모드 변경 이클립스 내 우측 상단에 보면 돋보기 아이콘이 있습니다. 아래의 스크린샷처럼, 돋보기 아이콘 우측에 위치해 있는 Open Perspective 아이콘을 클릭합니다. 아래에서 두 번째에 있는 Web을 선택하고 하단에 Open 버튼을 클릭합니다. Step 3. Static Web Project 생성 상단 메뉴바에서 File > New..

📚 목차 1. AS IS: 동일 파일 업로드 불가한 경우 2. 해결방법 3. TO BE: 동일 파일 업로드 가능한 경우 1. AS IS: 동일 파일 업로드 불가한 경우 아래의 예시로 상황을 설명해 드립니다(그림 1). 파일 업로드 시(i.e., onChange) 팝업이 뜨는 로직을 작성하였습니다. 헌데, 같은 파일을 업로드할 경우 이후 로직이 수행되지 않는 것을 확인하실 수 있습니다. 2. 해결방법 { this.onFileChange(e); e.target.value = ''; }}/> input 태그에서 onChange 옵션에서 파일 업로드 로직 호출 후 event에서 value를 초기화하면 해결 가능합니다. 3. TO BE: 동일 파일 업로드 가능한 경우 코드를 적용하면 위의 그림 2와 같이 같은 파..

📌 시리즈 포스팅 1. 파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발 2. 파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성 3. 파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성 4. 파일 업로드 웹 페이지 구축: (4) AWS S3 생성 5. 파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성 6. 파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성 7. 파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call 8. 파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트 9. 파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅 👨‍💻 들어가며 본 포스팅에서는 AWS S3를 기반으로 정..

📌 시리즈 포스팅 1. 파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발 2. 파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성 3. 파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성 4. 파일 업로드 웹 페이지 구축: (4) AWS S3 생성 5. 파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성 6. 파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성 7. 파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call 8. 파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트 9. 파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅 👨‍💻 들어가며 본 포스팅에서는 파일이 S3에 잘 업로드되..

📌 시리즈 포스팅 1. 파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발 2. 파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성 3. 파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성 4. 파일 업로드 웹 페이지 구축: (4) AWS S3 생성 5. 파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성 6. 파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성 7. 파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call 8. 파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트 9. 파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅 👨‍💻 들어가며 본 포스팅에서는 Axios 패키지를 활용하..

📌 시리즈 포스팅 1. 파일 업로드 웹 페이지 구축: (1) React 기반 Frontend 개발 2. 파일 업로드 웹 페이지 구축: (2) AWS IAM 역할 생성 3. 파일 업로드 웹 페이지 구축: (3) AWS Lambda 생성 4. 파일 업로드 웹 페이지 구축: (4) AWS S3 생성 5. 파일 업로드 웹 페이지 구축: (5) AWS API Gateway 생성 6. 파일 업로드 웹 페이지 구축: (6) AWS Lambda 함수 작성 7. 파일 업로드 웹 페이지 구축: (7) Axios 기반 API Call 8. 파일 업로드 웹 페이지 구축: (8) 파일 업로드 테스트 9. 파일 업로드 웹 페이지 구축: (9) AWS S3 기반 웹 호스팅 👨‍💻 들어가며 이전 포스팅에서는 React를 활용하여 파..

👨‍💻 들어가며 AWS Lambda에 대한 기본 개념은 아래 포스팅을 참고해 주세요. AWS Lambda 개념, 장단점, 사용목적 📚 목차 1. 개념 2. 장단점 3. 사용목적 참고자료 1. 개념 Amazon Web Service(AWS) Lambda는 이벤트가 발생했을 때 코드(=함수)를 실행하고 컴퓨터 리소스를 관리하는 Serverless 컴퓨팅 서비스입니다(그림 1 heytech.tistory.com 본 포스팅에서는 AWS Lambda, AWS API Gateway를 활용하여 간단한 웹 서버를 띄어보는 방법에 대해 다룹니다. 1. AWS 기본 세팅 1.1. 서비스 가입 Lambda를 사용하려면 먼저 AWS 홈페이지에 방문하셔서 회원가입을 하셔야 합니다. 아래의 그림 1과 같이 최초 가입한 이메일 계..