개인코딩개발공장

Introduction안녕하세요? Nurd Worker입니다! 반갑습니다.😊이번에 소개해드릴 프로젝트는 RememberMe 프로젝트입니다!저는 다른 언어 공부를 할때 따로 A4용지같은데 적어서 공부를 하는데요. 단어를 정리해서 적어놓는것도 시간이 많이 걸리고 가끔은 잃어버리는 경우도 있어서 단어장 어플리케이션을 만들어봐야겠다 생각하고 시작하게 된 프로젝트입니다ㅎㅎ완료된지 얼마안된 프로젝트라 아직 어학공부보다 포트폴리오준비에 전념하고있는데요. 조만간 취직 후, 틈틈히 사용할 예정입니다^^Remember Me 프로젝트는 제가 취직할때 정말 많은 점을 어필 할 수 있는 프로젝트라고 생각합니다.포트폴리오 프로젝트 중 메인 프로젝트라고 보시면 되겠네요 ㅎㅎ미리 간단히 말씀드리자면,- React + Typescr..

Introduction예전에 기존에 사용하던 클라우드의 데이터베이스를 다른 인스턴스로 마이그레이션 할 일이 있었다..너무 비쌈 ㅡㅡ 그래서 코드로 반복문과 setinterval을 사용하여 직접 데이터를 옮겼었는데 포스팅해봄.  시연영상     환경셋팅데이터베이스 마이그레이션을 위해 샘플 mysql인스턴스를 생성하겠다.하나는 bf-db, 다른 하나는 af-db라고 이름지었다.bf-db라는 인스턴스의 데이터베이스의 데이터들을 af-db로 옮길것이다.   각 EC2인스턴스에 mysql설치 # mysql설치하기sudo apt updatesudo apt install mysql-server# mysql에 루트유저로 접속mysql -u root -p비밀번호 입력# 데이터베이스를 만들고 유저 생성SHOW GRANTS..

Introduction안녕하세요? Nurd Worker입니다! 반갑습니다.😊이번에 소개해드릴 프로젝트는 아빠또갈까? 프로젝트 입니다!네트워크 국비과정의 파이널 프로젝트로 만들게 된 제 개발 인생에서의 첫 팀프로젝트입니다^^가족 여행 어플리케이션을 만들어서 aws에 배포하는 구조로 제작한 프로젝트에요.저희는 총 다섯명의 팀원분과 프로젝트를 진행했습니다 ㅎㅎ처음으로 하는 팀프로젝트였는데 운이좋게도 팀원분들이 전부 좋은 분들이셔서 알차게 프로젝트를 마쳤었네요.지금도 연락을 하고 계시고 작년 겨울에도 만났네요ㅎㅎㅎ네트워크 교육과정이었기 때문에 개발자가 굉장히 귀했답니다.nurd worker또한 개발자로써 팀에 들어가서 팀원으로 프로젝트를 진행하였어요. 개발자가 귀했기 때문에 개발팀이 두명 밖에 안됐어서 개발쪽..

Introduction안녕하세요? Nurd Worker입니다! 반갑습니다.😊이번에 소개해드릴 프로젝트는 Muzzi Cluster 프로젝트 입니다!무찌 클러스터 프로젝트는 온프레미스 클러스터를 직접 구현한 프로젝트입니다.당연히 네트워크와 쿠버네티스, 인프라가 주제입니다ㅎㅎㅎ예전에 사용했던 오래된 노트북으로 직접 클러스터를 만들었습니다~(c타입 포트도 없는 오래된 ㅎㅎㅎ)부모님 드린다고 했는데 안가지신다고하셔서 묵혀뒀다가 이번 기회에 활용해봤네요~나름 관리는 열심히했어서 부품도 업그레이드해서 서버용으로는 문제없이 돌아갑니다ㅋㅋ현재 세 가지 어플리케이션이 배포되어있는데요~포트폴리오와 acsap, rememberme프로젝트가 모두 무찌클러스터에서 배포한거랍니다~참고로 무찌클러스터는 영상이나 깃허브 자료가없어요..

Introduction안녕하세요? Nurd Worker입니다! 반갑습니다.😊이번에 소개해드릴 프로젝트는 NurdreamDek 프로젝트 입니다!너드림덱은 간단하게 요약하면 원격 메크로 프로그램입니다 ㅎㅎ스트림덱과 같은 기능을 코드로 구현한 프로그램이라고 보시면 됩니다.이 프로젝트는 백엔드 기능을 위주로 어필할 수 있는 프로젝트라고 생각해요~다만!! 죄송하지만 프로그램이 상당히 보안적으로 민감한 기능들이 있답니다. 또한 현재 Nurd Worker가 작업을할때 계속 사용중입니다.때문에 깃허브 코드는 공개하지 않으며, 개발 스택과 아키텍쳐, 보안설정 또한 자세히 공개하지 않습니다.포스팅에서는 기술적인 구현방식과 플로우를 위주로 설명드릴거에요.전체공개가 되는 공간이니만큼 조심스러울수밖에 없는 점 양해부탁드립니다..

Introduction안녕하세요? Nurd Worker입니다! 반갑습니다.😊이번에 소개해드릴 프로젝트는 acsap프로젝트입니다!프로젝트 계기는 국비교육과정을 들으면서 스터디를 만들게 되었는데요. 이때 팀원분들과 저 또한 자격증 공부를 더욱 효율성 있게 하기위해서 제작했던 프로젝트입니다ㅎㅎ스터디를 진행하면서 최대한의 퍼포먼스를 내기위해 만들었고 스터디원분들 전원 자격증 취득하신 보람찼던 경험이었어요.acsap 어플리케이션은 현재 배포가 되어있는 상태입니다. 직접 방문 가능하세요.약 1년전에 개발한 프로그램이라 기억이 가물가물하지만 소개 시작해보겠습니다~ acsap 링크acsap intruduction video : https://youtu.be/gWS7EZV8OXM  acsap github reposit..

Introduction안녕하세요? Nurd Worker입니다! 반갑습니다.😊이번에 소개해드릴 프로젝트는 mumu tv프로젝트입니다~네트워크 국비교육과정중에 개인마다 자율 토이프로젝트 과제가 나와서 만든 프로젝트입니다.주제는 도커와 도메인이구요~ 당시에 누누티비 이슈가 뉴스로 굉장히 핫했어서 제작한 스토리텔링형 프로젝트입니다 ㅎㅎ어려운 기술은 없으나, 발표때 수강생분들이 많이들 재밋어 하셨습니다ㅎㅎㅎ직접 vm과 서버를 돌리면서 발표를 했어서 흥미로워하시더라구요~소개영상은 스토리위주로 만든 영상이구 포스팅은 기술적인 내용입니다~기술적인 내용은 미리 포스팅했었구 1년지나서 포트폴리오로 쓰려고 컨텐츠를 추가하느라 현재 소갯글과는 어투가 좀 다릅니다 ㅋㅋㅋ그럼 재밋게 읽어주세요!++ 추가해서 시연영상원본은 포스..

https://7942yongdae.tistory.com/65 Javascript - 디바이스 구분하기 [Mobile, PC] 이번에는 Javascript를 통해 디바이스를 확인하는 방법을 알아보겠습니다. 일반적으로 디바이스를 구분하기 위해서는 브라우저가 가지고 있는 navigator.userAgent를 사용합니다. 여기서 에이전트라는 7942yongdae.tistory.com '

# 실제 개발을 하면서.. 여러 데이터들을 백단과 통신하면서 이런 데이터 구조를 많이 봤을것이다. const userInfo = [ { idx: 1, id: "helloman" }, { idx: 2, id: "byeman" }, { idx: 3, id: "sexman" }, { idx: 4, id: "niceman" }, ]; 보통 db쪽에서 받은 데이터들을 JSON형식으로 받아오면 이런 데이터를 가져오게된다. 이런 '어레이안에있는 객체데이터들'을 반복문을 돌려서 사용해보자. 아래 포스팅에서 어레이와 객체를 반복문에 돌리는 방법들을 소개해봤다. https://jacobowl.tistory.com/163 객체, 배열 반복문의 종류 / 어레이 순환 프로토타입 메서드 const arr = ["가", "나", ..

before {{ dateInfo.year }}/{{ dateInfo.month }} next 일 월 화 수 목 금 토 {{ i + 1 }} 선택한 날짜 : {{ dateInfo.chosenDate.year + "/" + dateInfo.chosenDate.month + "/" + dateInfo.chosenDate.date }}