the murmurous sea

깃헙에 파일을 main 브랜치에 푸시할 때마다 Snyk 보안 검사가 자동으로 실행되도록 설정하려면, 해당 프로젝트에 GitHub Action workflow를 만들어야 한다. 1. GitHub Actions Workflow 파일 만들기1) 프로젝트 안에 workflows라는 새로운 폴더를 만들고 YAML 파일을 생성한다.mkdir -p .github/workflowstouch .github/workflows/snyk-security.yml 2) YAML 파일의 내용 예시는 다음과 같다.name: Snyk Security Scanon: push: branches: - main pull_request: branches: - mainjobs: security: runs-..

1. .envExpo는 .env 파일을 지원한다. 그러므로 그냥 루트 폴더에 .env를 만들고 변수를 작성하면 되는데, 주의할 점은 이 파일에 작성하는 변수는 항상 "EXPO_PUBLIC_"이라는 prefix로 시작을 해야한다는 것이다. 이를 따르지 않을 경우, 변수를 가져오지 못해 undefined가 뜬다.변수를 불러오는 방식은 dotenv처럼 process.env.로 시작을 하면 된다. 즉, 변수가 SERVER_URI이라면    1) EXPO_PUBLIC_SERVER_URI로 저장 후    2) process.env.EXPO_PUBLIC_SERVER_URI로 가져오기 2. secret퍼블릭에 오픈되면 안되는 변수의 경우는, EAS에 직접 저장하면 된다.    1) eas secret:create를 원..

EAS로 빌드를 진행하기 전에 프로젝트에서 진행해야하는 마무리 단계들. 1. expo-doctor를 실행해서 프로젝트 점검    : 재확인해서 결과에 아무 것도 나오지 않을 때까지 수정 작업 2. eas secret:list를 사용해서 환경 변수 확인 3. eas.json이 잘 설정이 되어 있는지 확인    - build를 "development", "preview", "production"에 따라 다르게 빌드 조건을 설정할 수 있다.     - eas secret으로 저장한 환경변수를 여기에서 연결시킬 수 있다.{ "cli": { "version": ">= 5.9.1" }, "build": { "development": { "developmentClient": true, ..

Expo 프로젝트에서 UI-Kitten을 사용할 때 다음과 같은 컬러 테마 관련 필요가 있을 때 설정 방법.1. 커스텀 컬러를 사용2. Secondary 컬러 버튼도 적용3. 기기의 테마 모드와 동일한 eva 테마가 앱에서 자동 적용 1. 커스텀 컬러 사용theme 객체를 별도의 파일(theme.json)로 만들어, 기존 테마에 연결한다. 1) Eva Design System 페이지에 들어가면 자동으로 색 리스트 생성 및 json 파일 다운로드가 가능하다.2) 다운받은 파일을 루트 폴더에 넣고 App.js에 import 한다.  2. Secondary 컬러 버튼 적용1) 원하는 Secondary 컬러 버튼을 위한 객체를 생성하여 별도의 파일(mapping.json) 저장한다.2) App.js에 불러온 후..

https://spin.atomicobject.com/2017/06/07/react-state-vs-redux-state/ React State vs. Redux State: When and Why? Even if you choose to use Redux in your project, you will still need to make decisions on how much of your data is stored in Redux. spin.atomicobject.com "Redux manages state and state transformations and is often used with React, but React has its own concept of state." "Even if you c..

To find the process ID, try: sudo lsof -i :portNumber Kill the process which is currently using the port using its PID kill PID and then check to see if the port closed. If not, try: kill -9 PID I would only do the following if the previous didnt work sudo kill -9 PID @ stackoverflow.com/questions/12397175/how-do-i-close-an-open-port-from-the-terminal-on-the-mac

app.get app.get can be used to create routes for your application at the top level. express.Router From the documentation about express.Router; Use the express.Router class to create modular, mountable route handlers. A Router instance is a complete middleware and routing system; for this reason, it is often referred to as a “mini-app” A router needs to be mounted to an app. @ expressjs.com/th/g..

www.youtube.com/playlist?list=PLXC_gcsKLD6nhtwautRzatzcNrht3w0Pp Trust The Process - Design Documentary www.youtube.com result: www.doubleyou.life/ youtube.com/playlist?list=PLXC_gcsKLD6mgmJKaLCsFzBTvBJv4LGJB Web Design Process - Start To Finish The full process we went through to redesign the website of https://www.openmindlearning.com/ From content strategy, to wireframes, design & development..

youtu.be/GJN7TemsZtY 1. Navigation : It's important to show what you can do on this website in the first 15 sec. By glancing at the navigation, the user can know what features are services on the site. : Also, users should always know where they are. 2. Hierarchy : The content should have a clear hierarchy, the user eye should be able to follow what we intend to lead them to. : Navigate the user..

material.io/design/layout/responsive-layout-grid.html#breakpoints Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io