본문 바로가기

취업 준비, 세미나 및 수업, 회사 내용/프로젝트16

aws EC2 활용 중 nginx 설정 및 권한 이슈 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.. 취업 준비, 세미나 및 수업, 회사 내용/프로젝트1 2024. 5. 4.

jenkins 프론트앤드 순서 -작성중- 젠킨스에서 기본적으로 설치해야하는 plugin (ssh agent -> ssh ~~ 구성에 보면 잇음 이를 위해, nodejs(front), 블록상태 빌드 상황) nodejs 같은 경우 setting에서 추가적으로 설정해야함 git private 같은 경우 git에서 토큰 발급 후 젠킨스에서 credential에 적용 취업 준비, 세미나 및 수업, 회사 내용/프로젝트1 2024. 5. 3.

.map is not a function 에러

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

qrcode -작성중- 취업 준비, 세미나 및 수업, 회사 내용/프로젝트1 2024. 4. 16.

img 형태별로 나누어서 태일윈드 적용하기 -작성중- 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) { // 이미지가 가로형일.. 취업 준비, 세미나 및 수업, 회사 내용/프로젝트1 2024. 4. 15.

이전 1 2 다음

티스토리툴바