취업 준비, 세미나 및 수업, 회사 내용

EC2로 프론트 React를 배포하기 위해 Nginx를 사용하면서 권한 문제가 발생했다!!  권한 에러"""sudo tail -f /var/log/nginx/error.log 2024/05/04 05:55:08 [crit] 7582#7582: *2 stat() "/home/ubuntu/teammap-frontend-pipeline/index.html" failed (13: Permission denied), client: 59.11.133.163, server: 3.12.107.101, request: "GET /favicon.ico HTTP/1.1", host: "3.12.107.101", referrer: "http://3.12.107.101/" 2024/05/04 05:55:08 [crit] 758..

젠킨스에서 기본적으로 설치해야하는 plugin (ssh agent -> ssh ~~ 구성에 보면 잇음 이를 위해, nodejs(front), 블록상태 빌드 상황) nodejs 같은 경우 setting에서 추가적으로 설정해야함 git private 같은 경우 git에서 토큰 발급 후 젠킨스에서 credential에 적용

처음에 그냥 datas.map 을 해줬었는데 map is not a function 에러가 났다. 더미데이터로 했을 때는 크게 문제가 없었는데 말이다. 근데 가만 생각해보면 더미데이터 즉, 이미 내가 준 데이터인 셈이다.  이제는 api해서 데이터를 가져오는 건데 아직 다 불러오기전에 datas.map 을 하게 되면 데이터가 없기 때문에 발생하는 문제임을 알 수 있다.  => 해결방법datas && datas.map이렇게 해주게 되면 datas가 있을때 작동하기 때문에 문제를 해결하고 정상적으로 데이터를 불러 올 수 있다.  => 근데 여기서 의문이 또 드는 것은 그러면 map은 비동기처럼 나중에 작동이 되는 것인가 ? -> NO! 이렇기에 우리가 useEffect를 사용하는 것이다.동기적 처리와 데이터..

import React, { useState, useEffect } from 'react'; function ImageComponent({ src, card_benefit_title, card_benefit_summary }) { const [imageClass, setImageClass] = useState(''); const [imageGapTop, setImageGapTop] = useState(''); const [titleSum, setTitleSum] = useState(''); useEffect(() => { const img = new Image(); img.src = src; img.onload = () => { if (img.width > img.height) { // 이미지가 가로형일..

import React, { useState } from 'react'; function CardList({ cardDetails }) { // 현재 표시할 카드의 최대 수 const [visibleCount, setVisibleCount] = useState(5); // 더 보기 버튼을 클릭할 때 호출되는 함수 const showMoreCards = () => { setVisibleCount(prevCount => prevCount + 5); // 현재 보이는 수에 5를 추가 }; return ( {cardDetails.length}개 카드 검색결과 {cardDetails.slice(0, visibleCount).map((card, index) => ( {card.card_company} |제목{car..

일반적으로 Connector - j 를 classpath에 넣었었는데 여기서는 lib 밑에다가 넣 는다. 그리고 html 클라이언트 쪽은 WEB-INF에 넣고 나머지 자바 서버측 코드는 java는 java 밑에 둔다.

Servlet을 연결하고 웹 경로 설정하는 법에는 두 가지 방법이 있다. 우선, 첫째는 web.xml에 들어가서 연결할 서블릿을 서블릿 이름(MyFirstServlet) 서블릿 클래스 (dev.syntax.step01helloservlet.FirstServlet) 를 입력해서 서블릿 이름을 정의한다. 그 다음, 에 서블릿 이름(MyFirstServlet)을 입력하고 에 어떤 경로를 입력했을 때 이 서블릿을 실행할지 작성한다. 두 번째 방식은 @WebServlet() 안에 이름과 경로를 적는 방식이다.

Eclipse 기반 File -> new -> Dynamic Web Project 순서대로 실행을 한다. 그 다음, Project name을 입력하고 Dynamic web module version은 4.0 으로 설정한다. 이는 Tomcat 9.0에서 지원하는 Servlet API의 버전은 4.0 이기 때문이다. next 를 하다보면 Context root가 있는데 프로젝트 이름으로 해준다. Context root는 웹 상에서 해당 프로젝트(웹 서버 프로그램)에 접근하기 위한 루트 경로이다. ex) "www.naver.com" 일 때 naver를 의미한다. 그 다음, 하고자하는 것을 설정하고 서버를 실행 run on server를 할 때 tomcat을 경로에 추가시켜야 한다. 그러기 위해서는 톰캣을 다운..