주발이의 개발새발

7월 11일 업무 중 학습한 내용 ⚠️ 이슈 : 지점관리 > 코칭클래스의 리스트를 렌더링하는 과정에서 클래스가 중복되어 반환되는 현상 발생 ✔️ 문제 이해 : 최소번호가 1번이고 최대번호가 11번이면 11개를 응답으로 받는데 courseId가 서버에서 여러개 반환 ✅ 해결 : forEach를 사용하여 중복 제거 백엔드 API수정 요청을 할 수 있으나 .. 백엔드분이 너무 바빠보이시기도 하고 프론트에서 중복처리로 할 수 있겠다 싶어 해보았다. console.log("코칭클래스",obj) // res = obj; const setObj=[]; const courseIdSet = new Set(); obj.forEach((item)=>{ if (!courseIdSet.has(item.courseId)){ co..

1. 문제 2178번: 미로 탐색 첫째 줄에 두 정수 N, M(2 ≤ N, M ≤ 100)이 주어진다. 다음 N개의 줄에는 M개의 정수로 미로가 주어진다. 각각의 수들은 붙어서 입력으로 주어진다. www.acmicpc.net 문제를 보고 막막했다. 지금껏 풀었던 그래프 문제는 주로 방향이 우,하 로 잡혀있었는데 이 문제에서는 상하좌우를 따져주어야했다. 다른 코드를 조금 (많이) 참고했다 ^ ____ ^ .. 그리구 상하좌우를 탐색하는 방법을 알았다 !! 2. 풀이 1) 그래프(미로(0,0))에서 bfs함수를 사용하여 상,하,좌,우 를 모두 검사하고 1인 값을 찾는다 2-1 ) 1이라면 그 전 값 +1 2-2 ) 0이라면 continue 3) 차근차근 모든 미로를 탐색하며 목적지(miros[n-1][m-1..

해커톤 끝나고 성과도 내니 정말 행복하네요 .. 해커톤은 할 때 정말정말 죽고싶다가 결과물 나오고 발표까지 하면 쓰나미처럼 몰려오는 행복감 .. 아직 디자이너로만 참가해보고 개발자로는 참가해보지 못해 부족한 점이 많지만 이렇게 한번씩 나가고 많은 사람들을 보고, 많은 분들의 아이디어를 보고 느끼는 것에서 참 많이 배우는 것 같아요. 덕분에 정말 아직 갈 길이 멀고도 험하구나 싶어 겸손한 자세로 많이 배워야겠다는 것을 느낍니다. 디자이너로 참가해 아이디어를 내보고 기획하는 과정에서 개발자로 참여하신 분들과 함께 소통하며 2박 3일이라는 짧은 시간이지만 진짜 .. 진짜 많이 배워가요! 어쩌다보니 마음 한 구석에 품고 있던 아이디어를 내게 되어서 .. 좋은 팀원분들이 또 제게 와주셔서 .. 팀장을 해보고 좋은..

vscode에서 php파일을 사용하려 했으나 .. 조만간 컴퓨터 초기화 시킬 계획중 + 저장공간 부족 등의 문제로 .. php 파일을 깔지 않고 온라인 상에서 연습하기로 했다 사실 귀찮고 지쳤어요 땡벌 초기화하고 깔게요 기다려요 php! 사용한 사이트는 : https://onlinephp.io/ 1. PHP의 변수 ** PHP는 반드시 변수 이름 앞에 $를 붙인다 ! Result : 2 만약 이 글을 보는 여러분이 php에 대해서 배울 정도라면 js, python과 같은 코딩의 가장 기본적인 문법은 알고 있으리라 생각이 듭니다. 아마 변수의 중요성에 대해서도 아주 잘 아시겠죠 ? 그러니 변수의 중요성에 대해서 간단하게 짚고 넘어가볼게요 ~ php를 이용하여 다음 글을 적어보려고 합니다. 더보기 Lorem..

두달동안 현장실습을 나가게 되었다 회사에서 프론트엔드 실무를 배우게 되었는데 php + 바닐라JS를 사용해서 코드를 짜기에 .. php를 필수로 배워야함 하는 상황이기에 ! php 공부를 하고 포스팅을 작성해보려고 한다. php를 학습하기 위해 들은 강의는 인프런 웹 강의 ! 1. PHP : Hypertext Preprocessor https://www.php.net/ PHP: Hypertext Preprocessor PHP is a popular general-purpose scripting language that powers everything from your blog to the most popular websites in the world. www.php.net PHP는 웹 개발에 사용되는 서..

원래는 HTML + CSS 로 파일을 만들고 깃허브를 통하여 배포까지 하려고 했으나 .. 회사 갔다오니 너덜너덜 .. 만신창이 죄송합니다 저의 체력이 아직 부족한가봐요 .. 하지만 이렇게 아낀 에너지 대회에서 훨씬 더 많이 써보려고 합니다 이 글을 보시는 분들께 감사의 인사를 전하며 .. 포트폴리오를 적어보도록 하겠습니다 . 1. 안녕하세요! 웹 디자이너와 프론트엔드 개발자 사이에서 갈팡질팡하고 있는 결론적으로 프론트엔드 개발자 희망하고 있는 이은주 입니다 ! 디자인은 정말 .. 환상적인 분들이 너무 많이 계셔서 취미로만 하려고 합니다 ㅎ.ㅎ 아 물론 프론트엔드분들도 환상적이시지만 ,, 저는 소프트웨어전공이니 전공을 살려보고 싶은 마음이 큽니다 그러니 ~ 그려려니 해주시길 바랍니다 2. UX/UI 디자인..

왜 img태그가 안되나요? 하지만 길은 언제나 있는 법 ㄹㅇㅋㅋ ㅜ 진짜 언제 끝나 .. 진짜아아ㅏ아아아ㅏㅏ~~ 업그레이드해보자 ~ 배너 이미지 (광고 수익화 ? 잘 말하면 될 듯 ) ** Home page-container => width : 390px ???: 블로그가 이미지 서버네 .. ㄹㅇㅋㅋ 수정해보자

크루스컬 알고리즘이란 * 신장 트리 : 하나의 그래프가 있을 때, 모든 노드를 탐색하면서 사이클은 존재하지 않는 트리 ** 최소 신장 트리 : 그래프 G에서 노드 v를 포함하는 E에 속하는 Edge를 사용하여 만든 트리(신장트리)에서 가중치의 합이 가장 작도록 하는 트, 즉 최소비용으로 만들 수 있는 신장 트리 크루스컬 알고리즘을 배우는데 왜 갑자기 신장트리가 나오는가 .. 에 대한 의문이 있으셨을 것이다. 왜 나온고하니 .. 최소 신장 트리를 찾는 대표적인 알고리즘이 바로 크루스컬알고리즘 ! 그리디 알고리즘에 속하며 순환 시, 사이클이 만들어지지 않도록 가중치가 가장 적은 간선을 선택하며 업데이트 된다 ~ 크루스컬 알고리즘 동작원리 1. 간선 데이터를 비용에 따라 오름차순 정렬 2. 간선을 하나씩 확인..

웹 만들고 아두이노를 기다리고 있었는데 대회 2일전까지 아두이노에 계속된 에러 발생 !! 하지만 .. 웹 inAverage*4) { digitalWrite(Red,HIGH); digitalWrite(Yellow,LOW); digitalWrite(Green,LOW); delay(10000); } } else { timer.cancel(); timer.tick(); lcd.init(); lcd.setCursor(0,0); lcd.print("OUT"); if (millis()>outAverage*2) { digitalWrite(Red,LOW); digitalWrite(Yellow,HIGH); digitalWrite(Green,LOW); delay(10000); } if (millis()>outAverage*..

내일 !! 마감 !! 웹은 다 했다 ~ 아두이노를 하러 가야겠다 .. 그 전에 잠깐 머리 식힐겸 + 복기 할 겸 .. 끄적끄적 적어본다 이전에는 마커를 선택하면 이렇게 정말 옛날 웹같이 떴지만 이렇게 상태에 따른 커스텀까지 완료 ! 그리고 웹에서 바로 전화 연결까지 사실 태그에 href = tel만 넣으면 되긴 하지만 기능구현까지 완료했다 ~ ! 서버가 없어서 아쉽지만 보완 및 수정하면 정말 쓸만한 웹이 될 듯 ㅎ ㅎ 코드는 저의 깃허브 링크 에서 확인 가능하답니다 ~~ 그럼 아두이노까지 정복하고 ... 사실 정복당한건 나였고 낼 오던 10시까지 제출이니 잘 마무리하고 돌아오겠슴다 글구 시험끝나고 후기 써야지 !!