👇 이 블로그에서 가장 볼만한 콘텐츠들!
- [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인턴십(코딩입문 과목) 후기⌨️
개발 공부
- 👩💻 개발 공부 [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..
UX study
- 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는 ‘인간에 대한 우선적’ 접근 방식이 강조되는 디자인 분야이며, 사용자가 특정 제품과 처음부터 마..
Algorithm study
- BOJ [C++/BOJ] 2164 : 카드2 (Queue) https://www.acmicpc.net/problem/2164 백준 실버4큐로 풀어야 한다놓치기 쉬운 조건 -> 1을 입력할 때, 0이 아닌 1이 나와야 함. (큐에 최소 1개는 남아야 한다) 나의 풀이#include#include#includeusing namespace std;int main(){ ios_base::sync_with_stdio(false); cin.tie(0); cout.tie(0); int n = 0; int answer = 0; queue q; cin >> n; for (int i = 1; i
- BOJ [C++/BOJ] 2493 : 탑 (Stack) https://www.acmicpc.net/problem/2493 백준 골드5쉽다고 생각하면서 2중반복문으로 썼는데.. 시간초과 ㅋㅋ스택을 사용해서 낮은 건 pop하고, 수신 탑만 남겨두어야 한다 나의 풀이#include#include#include using namespace std;int main() // 이중반복문 쓰면 시간초과남{ ios_base::sync_with_stdio(false); cin.tie(0); cout.tie(0); int n; int height; stack> st; // 인덱스, 높이 cin >> n; for (int i = 1; i > height; while(!st.empty()){ if(st.top().second
- BOJ [C++/BOJ] 11660 : 구간 합 구하기 5 (DP) https://www.acmicpc.net/problem/11660 백준 실버1그냥 풀었다가 시간초과나길래 뭐지 싶었는데.. dp 문제였다 ㅜㅜindex 0부터 시작하면 이것저것 귀찮기 때문에 index 1부터 입력을 받으면 편하다 나의 풀이#include#includeusing namespace std;int main(){ ios_base::sync_with_stdio(false); cin.tie(0); cout.tie(0); int n; int m; int num; int dp[1025][1025] = {0,}; int x1; int x2; int y1; int y2; cin >> n >> m; for (int i = 1; i > num; dp[i][j] = dp[i - 1][j] + dp[i..
- 📝 알고리즘 [C++/SWEA] 1208. [S/W 문제해결 기본] 1일차 - Flatten (D3) https://swexpertacademy.com/main/code/problem/problemDetail.do?problemLevel=3&contestProbId=AV139KOaABgCFAYh&categoryId=AV139KOaABgCFAYh&categoryType=CODE&problemTitle=&orderBy=RECOMMEND_COUNT&selectCodeLang=CCPP&select-1=3&pageSize=10&pageIndex=1 SW Expert AcademySW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요!swexpertacademy.com ezswea는 난이도가 들쑥날쑥이라더니 맞는 말인 것 같다이 문제는 D2보다 쉬운듯 나의 풀이#include#include#inc..
- 📝 알고리즘 [C++/SWEA] 1859. 백만 장자 프로젝트 (D2) https://swexpertacademy.com/main/code/problem/problemDetail.do?problemLevel=3&contestProbId=AV5LrsUaDxcDFAXc&categoryId=AV5LrsUaDxcDFAXc&categoryType=CODE&problemTitle=&orderBy=FIRST_REG_DATETIME&selectCodeLang=CCPP&select-1=3&pageSize=10&pageIndex=1 SW Expert AcademySW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요!swexpertacademy.com 아마 그리디? 문제인 것 같다배열을 역순으로 탐색하면서 max값을 갱신하고, 그보다 작은 값들은 빼주면 된다 (판매 후 차익..
- 📝 알고리즘 [C++/SWEA] 21425. += (D2) https://swexpertacademy.com/main/code/problem/problemDetail.do?contestProbId=AZD8K_UayDoDFAVs SW Expert AcademySW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요!swexpertacademy.com sw expert academy난이도 D2문제a에 b를 더할때, 항상 더 큰 수를 더하면 된다. 최근에는 항상 프로그래머스만 풀어서 입력 코드 부분이 낯설어졌다다시 연습해야지!! 나의 풀이#include #include using namespace std;int answer = 0;void add(int a, int b, int n, int cnt){ if(a + b > n){ an..