주발이의 개발새발

해커톤 끝나고 성과도 내니 정말 행복하네요 .. 해커톤은 할 때 정말정말 죽고싶다가 결과물 나오고 발표까지 하면 쓰나미처럼 몰려오는 행복감 .. 아직 디자이너로만 참가해보고 개발자로는 참가해보지 못해 부족한 점이 많지만 이렇게 한번씩 나가고 많은 사람들을 보고, 많은 분들의 아이디어를 보고 느끼는 것에서 참 많이 배우는 것 같아요. 덕분에 정말 아직 갈 길이 멀고도 험하구나 싶어 겸손한 자세로 많이 배워야겠다는 것을 느낍니다. 디자이너로 참가해 아이디어를 내보고 기획하는 과정에서 개발자로 참여하신 분들과 함께 소통하며 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시까지 제출이니 잘 마무리하고 돌아오겠슴다 글구 시험끝나고 후기 써야지 !!

지난 포스팅에 보여준 웹 페이지 ! Marker Custom 카카오 문서에 보면 여러개의 마커 보여주기, 하나의 마커 커스텀하기 등 .. 내가 원하는 여러개의 마커를 보여주고 이 여러개의 마커를 커스텀 하는 내용이 없다 그리고 리액트에 적용하는 방법까지 그래서 .. 엄청난 구글링과.. 카카오에서 제공해주는 문서 이해와 .. chatGPT행님을 적극 활용하여 어찌저찌 만들었다 (소학의 마음가짐 : 어떻게든 되게 만들어야죠 .. ) (1) 이 코드를 어떻게 작성했냐하면 .. Map.jsx import React, { useEffect, useState } from 'react'; import Loading from './Loading'; import Info from './Info'; // import ma..

ICT 창업 경진 대회에 나가게 되었다 .. 다른 팀원들은 아두이노를 맡고 나는 웹 .. 제작 .. 나 홀로 해커톤 Start ~~ !! 웹 GUI 내가 만들게 된 페이지는 주민센터용 확인 웹이다. Nomal, Caution, Warning 상태에 따라 각각 초록색, 노란색, 빨간색을 줄 것이다 .. 그 후 마커를 누르면 보호자 연락처와 병원 연락처가 뜨게 만들어줄 것이다 . 사실 붙을 줄 모르고있었기에(넘 바빴기에 붙지 않길 바라는 마음 반, 그래도 붙었으면 싶은 마음 반 .. ) 저기서 멈출 줄 알았다. 하지만 2차까지 붙게 되었고 ..~~!!! (좋지만싫지만좋지만 좋다 .. 햐 🥺🥺) 웹을 재빨리 제작하게 되었다 지도 API따오기 API하나쯤 따오는 건 누워서떡먹기 식은죽먹기~~ 하지만 !! 문제가..