개발 공부
-
👩💻 개발 공부
[Git] 깃허브 빌드 X 표시 / 빌드 실패 / All checks have failed
프로젝트 배포 후 git action을 추가한 뒤, 계속 github상에서 빌드가 잘 되다가 갑자기 연동이 안될때가 있었다. 일단 깃허브 레포지토리 메인에서 저 commits 버튼을 눌러서 커밋 리스트로 들어가자. 저 X표시를 누르면 이런 팝업이 뜬다. Details를 눌러서 자세히 보도록 하자. 그러면 아래와 같이 Build 실패 요인이 비교적 자세하게 나온다. 이걸 꼼꼼히!!! 읽어보고 원인을 찾아야 한다. 나의 경우에는 Swiper 경로 문제였다. 수정해주고 push하니 바로 체크 표시가 뜸 npm start 시 아무 문제가 없었다고 하더라도 이처럼 빌드 실패 가능성이 있으니 배포된 페이지가 연동이 되지 않는다면 깃허브를 확인할 것!
-
👩💻 개발 공부
[React/Typescript] TS2307: Cannot find module 'swiper' or its corresponding type declarations.
기존 프로젝트에 슬라이더를 만드려고 시도. swiper 써야되는데 자꾸 에러가 났다 Error : TS2307: Cannot find module 'swiper' or its corresponding type declarations. 해결 방법 1. npm i @types/swiper 설치 2. tsconfig.json 파일에 types를 추가한다. { "compilerOptions": { "types": ["react-transition-group"], // 이거 추가하니 에러가 사라짐 ... } }
-
👩💻 개발 공부
[React] Swiper Effect 정리 - Cards, Coverflow, Creative, Cube, Fade, Flip
알고리즘 떄문에 개발유튜브 보다가 swiper가 뜨길래 봤는데, 재미있어보이길래 포트폴리오를 만드는 중이다 사용해보다가 전환효과 (effect)의 종류별로 뭐가 다른건지 궁금했는데, 한번에 다 비교해놓은 글이 없길래 그냥 내가 하나씩 해봤다. 자세히 보고 싶은 분들은 공홈의 데모를 보셔도 된다 https://swiperjs.com/demos#effect-fade Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Effect에는 cards, coverflow, creative, cube, fade, f..
Algorithm study
-
Programmers
[C++/PGS] Lv.3 : 섬 연결하기 (그리디 Greedy)
https://school.programmers.co.kr/learn/courses/30/lessons/42861 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 프로그래머스 그리디 - 섬 연결하기 문제 원래는 각 트리의 최상단 부모값을 재귀적으로 찾는 게 정석 풀이인데,나는 복잡해서 그냥 인덱스 배열에 최소 부모값만 저장해놓고 반복문으로 갱신했다. 1. 최소 신장 트리를 만들기 위해, Greedy로 최솟값 간선부터 찾는 게 포인트!2. 각 트리의 최소 부모값을 비교해서, 같으면 한 트리 내부에 있는 것으로 보고, 다르다면 두 트리를 이어줌. 나의 풀이#include #include #include #..
-
Programmers
[C++/PGS] Lv.1 : 달리기 경주 (해시맵 Map)
https://school.programmers.co.kr/learn/courses/30/lessons/178871 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 처음에 2중 반복문을 사용했더니 시간초과가 뜨길래,해시맵을 사용해야 하는 것을 깨달았다Map을 2개 쓰는 방식 등 풀이가 다양했는데, 나는 unordered map 하나로 players의 인덱스를 바로 검색해서 해결함 나의 풀이#include #include #include using namespace std;vector solution(vector players, vector callings) ..
-
Softeer
[Javascript(NodeJS)/Softeer] Lv1. A+B
https://softeer.ai/practice/6295 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai 현대 소프티어 Lv1. A+B js 풀이 자바스크립트 코테 쉽지않다그래도 개발 짬바로 어찌어찌 극복하는중..^-^const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout});let sum = 0;let result = [];rl.on('line', input =>{ arr = input.split(' ').map(el=>parseInt(el)); if(arr.length >1) { sum = a..
-
Softeer
[Javascript(NodeJS)/Softeer] Lv1. 근무 시간
https://softeer.ai/practice/6254 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai 현대 소프티어 Lv1. 근무 시간 js 풀이 갑자기 코테 응시 언어가 자바스크립트라는 걸 알게된 나급하게 연습문제를 풀어보는데.....그냥 도전하는거지뭐~~~const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout});let sum = 0;min = 0;hour = 0;rl.on('line',input =>{ time = input.split(' '); timesp = time.map(t=>t.split('..
-
Softeer
[C++/Softeer] Lv3. 순서대로 방문하기 (HSAT 7회 정기 코딩 인증평가 기출)
https://softeer.ai/practice/6246/history?questionType=ALGORITHM Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai 현대 소프티어 Lv3. 순서대로 방문하기 C++ 풀이 문제 난이도는 적절해보이나, 조건 설명이 약간 아쉬웠던 문제.최단거리는 아니고 방문했던 칸을 다시 지나지만 않으면 되는듯전체 dfs 경우 중, 순차적으로 저장된 지점을 거치는 경우만을 count해서 해결했다.#include#include #include using namespace std;int grid[4][4]={0,};int visited[4][4]={0,};int n; int m;vector> store;int dx[4] = {0,1,0,-1};int dy[4]..
-
Softeer
[C++/Softeer] Lv2. 회의실 예약
https://softeer.ai/practice/6266 Softeer - 현대자동차그룹 SW인재확보플랫폼 softeer.ai 현대 소프티어 Lv2. 회의실 예약 C++ 풀이 첫 제출에서 Subtask 2개가 오답으로 떴다. 제일 간단한 반례 탐색법인 블랙박스-경계값 분석으로 반례를 찾아보자!-> 아래 케이스에서, b는 17-18이 가능한데 not available이 출력됨2 2a ba 9 10b 9 17 가능한 시간대 pair를 구할 때, 반복문이 끝난 뒤에 isAble true 설정을 안해줘서 생겼던 오류.추가해줬더니 통과!!#include#include #include #include using namespace std;int main(int argc, char** argv){ int roo..
[KDB산업은행 인턴] 2023 산은 전산직 인턴 수기
[미국 연수] 7일간의 시애틀 일기 (하나 디지털 파워온 수상 특전) 출처: https://xxilliant.tistory.com/216 [Zoe's Coding Log:티스토리]
2023 하나 디지털 파워온 2기 본선 합격 후기🍀
[React] Swiper Effect 정리 - Cards, Coverflow, Creative, Cube, Fade, Flip
[Git] 깃허브 빌드 X 표시 / 빌드 실패 / All checks have failed 출처: https://xxilliant.tistory.com/207 [Zoe's Coding Log:티스토리]
2023 교내 해커톤 기획운영팀 활동 후기💙_SO-HOT 해커톤🔥
[React] Movie App 만들기 (개인 프로젝트) - 2
[React/Typescript] 화면 전환 효과 / 페이드인 애니메이션 / Fade 컴포넌트
2022 sw중심대학 공동해커톤 수상 후기🔥
3학년 1학기 TA인턴십(코딩입문 과목) 후기⌨️
UX study
[UX] About UX process
출처 https://ko.wix.com/blog/post/what-is-ux-design UX/UI 디자인이란? 차이점과 사례를 한눈에 살펴보기 UX 디자인은 사용자 경험을 뜻하는 말입니다. UX 디자인이 UI 디자인과 어떠한 차이가 있는지 알아보고, 좋은 사용자 경험을 만드는 프로세스와 디자인 사례까지 살펴보세요! ko.wix.com UX 프로세스는 어떻게 진행되나요? 지금까지 UX의 중요성과 좋은 사용자 경험을 판단하는 방법을 알아보았습니다. 이제 디자이너가 실제로 이런 사용자 경험을 어떻게 실현할 수 있는지 살펴보도록 하겠습니다. 훌륭한 사용자 경험은 사용자의 가치, 능력, 니즈 및 욕구에 대한 깊은 이해를 통해서만 실현될 수 있습니다. 디자인, 분석 및 문제 해결에 많은 경험을 쌓은 뒤 UX 디자..
UX study
[UX] 사용자 경험의 7가지 원칙
출처 https://ko.wix.com/blog/post/what-is-ux-design UX/UI 디자인이란? 차이점과 사례를 한눈에 살펴보기 UX 디자인은 사용자 경험을 뜻하는 말입니다. UX 디자인이 UI 디자인과 어떠한 차이가 있는지 알아보고, 좋은 사용자 경험을 만드는 프로세스와 디자인 사례까지 살펴보세요! ko.wix.com 사용자 경험의 7가지 원칙 그러면 사용성 외 어떤 다른 특성이 좋은 사용자 경험에 기여할까요? 몇 가지 신뢰할 수 있는 가이드라인에 대해 이야기해보고 이를 웹사이트 디자인에 적용할 수 있는 방법을 살펴보도록 하겠습니다. 다음은 디자이너 피터 모빌(Peter Morville)이 발견한 UX를 설명하는 7가지 핵심 원칙입니다. 유용성 사용성 검색성 신뢰성 매력성 접근성 가치성..
UX study
[UX] UX(사용자 경험) 디자인이란?
출처 https://ko.wix.com/blog/post/what-is-ux-design UX/UI 디자인이란? 차이점과 사례를 한눈에 살펴보기 UX 디자인은 사용자 경험을 뜻하는 말입니다. UX 디자인이 UI 디자인과 어떠한 차이가 있는지 알아보고, 좋은 사용자 경험을 만드는 프로세스와 디자인 사례까지 살펴보세요! ko.wix.com ux에 대해 혼자 공부하다가 너무 좋은 글을 발견해서 읽어보고 공유합니다 😎 UX 디자인이란 무엇인가요? 사용자 경험을 뜻하는 UX 디자인은 그 중요성이 매우 부각되고 있음에도 불구하고 우리 일상에 너무 자연스럽게 스며든 나머지 일반 대중으로부터 잘못 이해되고 있습니다. UX는 ‘인간에 대한 우선적’ 접근 방식이 강조되는 디자인 분야이며, 사용자가 특정 제품과 처음부터 마..
