본문 바로가기

web17

github actions Treating warnings as errors because process.env.CI = true Most CI servers set it automatically. github actions에서 git push 하면, 자동 빌드 및 S3 배포를 설정하는 중에 build 에러 warning이 하나라도 있으면 error로 간주해서 build가 실패한다.ㅠ 보통 lint warning... 뭐 CI = npm run build... ? 이렇게 하라지만... warning도 고치자. lint 반영하기 싫으면 rules에서 off~ ============ 스크립트 작성시 주의 (main / stage) 1. name은 꼭 다르게 하자. 안그럼 이렇게 나온다.ㅠ 2. secrets는 프로젝트 settings.. 2021. 4. 27.
s3-spa-upload windows 이슈 윈도우 PC에서 실행시키면, 파일 path에 백슬래시가 존재한다. 실제 업로드된 파일을 확인해 보면, 폴더 구조가 생성되지 않고, 백슬래시가 포함된 파일명으로 생성이 된다. Uploaded s3://버킷/\static\css\main.942763e1.chunk.css |........... 해결 option으로 처리가 안되어서.... node_modules의 소스코드를 바꾼다. s3-spa-upload/src/index.js uploadToS3 함수에서 key 값이 "\aa\aa\aaa\aa.js"처럼 들어옴. 변경전 Key: "" + prefix + key, 변경후 Key: "" + prefix + key.substring(1).replace(/\\/g, '/'), (나중에 버전업 되면 개선되겠지...) 2021. 4. 13.
aws amplify 기능 정리 참고: 튜토리얼 따라하기 https://docs.amplify.aws/start/getting-started/installation/q/integration/js Tutorial - Prerequisites - Amplify Docs Getting Started with Amplify Framework - Prerequisites docs.amplify.aws npm install -g @aws-amplify/cli # 기본 설치 amplify configure # amplify 기본 구성 설정 # 지역 설정 # 사용자 생성(aws 1개 계정에, 여러 사용자를 추가할 수 있다.) # 사용자 생성시 받은 accessKeyId와 secretAccessKey로 사용자 인증을 한다. (secretAccessKe.. 2020. 7. 3.
graphql 기본 문법 정리 참고: https://academy.nomadcoders.co/courses/357405/lectures/5476213 1.기본 2.객체 3.배열 4.mutaion 5.외부api (node-fetch) 6.외부api (axios) 1.기본 type Query { name: String! # !(느낌표)는 요청했을때, resolvers에서 필수로 넘겨야 하는 값 } const resolvers = { Query: { name: () => "nicolas 2", }, }; query { name } { "data": { "name": "nicolas 2" } } 2.객체 type Nicolas { name: String! age: Int! gender: String! } type Query { person:.. 2020. 7. 3.
react.js react.js next.js graphql aws amplify 2020. 7. 3.
vue.js vs react.js angular.js, vue.js에 익숙한 front-end 개발자가 react.js를 배우는 과정. vue.js와 큰 차이점 JSX: 이질감 극복하기 예전에 jsp할 때, Scriptlet이란 것이 있었는데, 너무 가독성이 안좋아서 JSTL이 생겨났는데, JSX도 가독성이 나중에는 해결되겠지? jsp 참고 Scriptlet: JSTL: 파일 1개 안에 html, js, style을 쓸 수 없다. 다른 라이브러리를 사용해서 가능하지만, 형태는 JSX만큼 이질감이 크다. (styled-components) Component를 작성하는 방식이 class, function 두가지 방식이 있는데, 서로 사용법이 다르다. React에서는 function 사용을 권장하고 있는데, 처음 배우는 입장에서 기본 기능들은.. 2020. 6. 24.
[spring을 spring 답게] spring 세팅 application.properties와 DatabaseConfiguration.class를 구현하였음에도 아래와 같은 에러가 발생하는 이유는... main class가 위치한 package의 하위 package들을 스캔하기 때문이다. 엉뚱한 곳에 DatabaseConfiguration.class를 작성하여서 scan 자체가 안된 것이다. spring boot에서 가장 기본적인 내용임에도 불구하고, 간과하고 다른 곳에서 원인을 찾고 있었다. (*.properties) 역시나 reference에는 명시되어 있다. https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/#using-boot-structuring-your-code 3.2.2.. 2020. 3. 27.
Vue.js global error 처리 Vue.config.errorHandler = (error) => { alert('Vue.config.errorHandler\n' + error); console.error('Vue.config.errorHandler', error); }; 2020. 3. 13.

티스토리툴바