Go민보다 Go

프론트엔드 개발자

전체 글 54

투두리스트야 오랜만이야

깃허브 코드를 정리하고 싶다. 방법 깃허브 레포 링크를 gpt한테 준다. 해당 레포에 대한 기본 문서화를 진행한다. 각 파일에 대한 문서화를 진행한다. 리드미를 작성한다. 추가적으로 원하는 기능 또는 리팩토링 방향을 문서화한다. gpt한테 해당 기능에 대한 문서를 넘긴다. 소요시간 및 리소스에 대해 분석한다. 과거의 코드... 과거의 나야 어떻게 했니..?제 깃허브를 보면 요즘 리액트로만 대부분의 프로젝트를, 아니 모든 프로젝트를 진행하고 있습니다.리액트가 정말 정말 많이 쓰이는 것도 사실이나, 리액트는 결국 자바스크립트를 편하게 쓰기 위한 프레임워크에 불가하다고 생각합니다. 그래서 바닐라 자바스크립트(ECMA JS)를 사용해서 직접 DOM을 조작하고, 이벤트를 관리해보는 연습을 하고 싶..

Create 2025.05.02

23년 개발 시작, 그리고 2년간의 변화

23년 몰입의 시간- 책집필, 프로젝트를 등 다양한 활동을 통해 개발에 대한 기초를 다진 시기24년 넓어진 시야- 리모델링에 직접 참여하여 서류를 작성하고 현장을 관리하면서 현실적인 책임감과 다양한 사람들을 만나면서 경험을 쌓고 시야를 넓힘25년 실력의 성장- 현재 가진 기술들의 대부분을 23년도에 쌓았던 것으로 익숙해졌지만, 성장이 더뎌짐.- 기존 프로젝트의 리팩토링을 하면서 과거의 코드와 비교하면서 피드백을 받자.

Delete/회고 2025.05.02

[작성중] 2025 상반기

요즘 고민... 코드를 작성하고 모르는 부분을 찾아보고 다른 사람의 코드를 복사하고 붙여넣고 에러를 해결하고.. 무한 반복 중인데 여기에서 머물고 있다고 강하게 느끼고 있습니다. 다음 단계로 넘어가고 싶은데, 대부분의 개발자들이 입을 모아 취업을 하라고 말합니다. 다음 단계로 넘어가야 취업이 될 것 같은 요즘인데, 이 답답함을 어떻게 할까 고민 중입니다.

Delete/회고 2025.03.13

2024년 조금 이른 회고

🐾들어가며깃허브 모바일에서 잔디를 볼 수 있는 위젯이 나왔습니다. 위젯 업데이트가 되자마자 쓰기 시작했는데, 한 달을 기준으로 보여주도록 설정했습니다. 처참했습니다... 그래서 2024년 깃허브 잔디를 보면서 돌아볼 수 있는 이른 회고글을 작성하려고 합니다.✨본격적으로✅기간별 활동을 살펴보자🍀: 잔디 심은 날 / ◾잔디 밟은 날🍀1월 ~ 2월 : OS 스터디🍀2월 : 프로젝트 그거 어떻게 하는 건데?!! 책집필◾2월 중순 ~ 3월 중순 : 인턴🍀2월 중순 ~ 3월 중순 : Vue.js 스터디◾4월 초 : 싱가포르 여행🍀4월 ~ 현재 : shareDuck 프로젝트◾6월 ~ 8월 : 본가 리모델링🍀9월 : 데이터 시각화 책집필✅결과를 보자면심은 잔디들의 대부분은 코드가 아닌 글로 이루어져 있었습..

Delete/회고 2024.10.23

이런 프로그래밍 언어 있었으면 좋겠다!

오랜만에 글을 쓰려니 도저히 시작을 못 하겠습니다. 왜일까 고민해보니 너무 큰 주제를 쓰려고 했던 것일 수도 있겠다 싶었습니다. 그래서 일단 가벼운 주제로 먼저 글을 쓰기 '시작'하려고 합니다.한참 코딩을 하다가 export default와 import를 하는데 매번 너무 귀찮았습니다. 심지어 파일 경로도 바뀌면 계속 바꿔줘야 하다니..! (물론 IDE가 알아서 해줄 때도 있지만...)그래서 마크다운 형식으로 export와 import를 하면 어떨까를 시작으로 꼬리에 꼬리를 물어 다음과 같은 문법을 가진 언어를 생각했습니다.함수 선언 시//파일이름# 함수이름1 //export defaults**사과**가 하나 있다. //변수 선언**사과**는 3개다. //할당--- // 로직 구분선## 함수이름2 //e..

Delete 2024.09.20

[Matter.js] What's the matter???

🐾들어가며요즘 한참 공부중인 Matter.js에 대해 정리해보려고 합니다. 아직 제대로 사용하진 못 하지만, GPT랑 놀면서 배우고 있어서 삼각함수만 머리를 싸매면 되기에... 기본적인 내용부터 정리를 시작합니다ㅎㅎ  정리하다보니 욕심이 생겨서 지금 만들고 있던 인형뽑기 집게까지 같이 첨부합니다!Matter.js 공식 문서 바로가기 > https://brm.io/matter-js/?utm_source=cdnjs&utm_medium=cdnjs_link&utm_campaign=cdnjs_library✨본격적으로✅CDN으로 시작해보자CDN.js라는 사이트에서 Matter.js에 대한 CDN을 잘 제공해주어 해당 CDN을 사용하였습니다.✅공식문서의 상태가...React의 주 라이브러리들의 공식문서만 보다가 M..

Create 2024.06.11

[알고리즘] 이게 되네...?

🐾들어가며요즘 아침에 프로그래머스 2문제를 풀기로 했는데, 어제 2문제 중 한 문제에서 막혀 달성하지 못했습니다. 오늘 바로 다시 시도하고 있는데, 아무리 반례를 찾아서 넣어봐도 통과가 되는 것입니다... 분명 70점이 나오고 있는데 말이죠ㅎㅎ 그러다가 설마하고 고치지 않고 있던 부분을 바꿔보았는데, 드디어! 통과가 되어 뿌듯함에 글로 남깁니다.✨본격적으로문제오늘 날짜를 의미하는 문자열 today : YYYY.MM.DD약관의 유효기간을 담은 1차원 문자열 배열 terms : 약관종류(A ~ Z) 유효기간 ( 1 ~ 100)수집된 개인정보의 정보를 담은 1차원 문자열 배열 privacies : 날짜(YYYY.MM.DD) 약관종류파기해야 할 개인정보의 번호를 오름차순으로 1차원 정수 배열에 담아 retur..

Create 2024.06.03

[알고리즘] 나 그래도 풀긴 풀었어...?

🐾들어가며- 프로그래머스 코딩테스트 > 2024 KAKAO WINTER INTERNSHIP > 가장 많이 받은 선물문제: 이번 달의 선물 기록을 바탕으로 다음 달에 선물을 누가 많이 받을지 예측하기더보기조건두 사람이 선물을 주고받은 기록이 있다면, 이번 달까지 두 사람 사이에 더 많은 선물을 준 사람이 다음 달에 선물을 하나 받습니다.두 사람이 선물을 주고받은 기록이 하나도 없거나 주고받은 수가 같다면, 선물 지수가 더 큰 사람이 선물 지수가 더 작은 사람에게 선물을 하나 받습니다.선물 지수는 이번 달까지 자신이 친구들에게 준 선물의 수에서 받은 선물의 수를 뺀 값입니다.만약 두 사람의 선물 지수도 같다면 다음 달에 선물을 주고받지 않습니다.입력친구들의 이름을 담은 1차원 문자열 배열 friends이번..

Create 2024.05.30

2024 | 5월 회고 & 6월 목표

2024 | 5월 회고 & 6월 목표🐾들어가며벌써 5월이 지나가고 있습니다. 저번에 글을 쓴지 얼마 안됐는데 5월 회고와 6월 목표 글을 쓰네요ㅎㅎ✨본격적으로✅KEEP지속적인 인생살기지난 번 목표 중 하나에만 체크를 할 수 있었지만, 해당 목표를 달성하면서 규칙적인 생활 패턴을 갖게 되었습니다! 진짜 작년 회고 글을 작성할 때부터 규칙적인 생활 패턴이 필요하다를 달고 살았는데, 다른 목표를 통해서 이루게 되니 참 어렵게만 생각해왔던 건 아닐까 합니다. 아침에 일어나서 스스로 칭찬하기! 아침에 일어날 때 기분이 참 많은 영향을 끼쳤다고 깨달았습니다.개발 실력 향상하기아직 강의를 듣는다고 개발 실력이 향상되는 건 잘 모르겠습니다. 실전이 필요합니다. 다행히 프로젝트도 제때 시작하게 되었습니다. (PM과 디..

Delete/회고 2024.05.24

[React] 왜 반응형 텍스트박스는 스타일로 만드는가?

🐾들어가며반응형 텍스트박스란?사용자의 입력에 따라서 크기가 자동 조절되는 텍스트 박스. 엑셀의 셀 하나를 생각해보면 된다.화면의 크기에 따라서 비율이 자동 조절되는 텍스트 박스.보통 위의 두 가지를 모두 해결할 수 있는 방법이 바로 스타일로 조절하는 방법입니다.그러나 여기에서 궁금증이 생겼습니다.textarea의 기본 속성 중 rows와 cols가 있는데, 보통 이것으로 크기를 조절할 수도 있습니다.스타일로 조절할 경우 최초 선언한 rows와 cols가 바뀌지 않습니다.그렇다면 cols와 rows로 반응형을 하지 않는 것일까?궁금해서 직접 구현해보았습니다!!✨본격적으로✅cols = 1 이 의미하는 것cols는 가로의 크기를 결정합니다.cols는 숫자를 값으로 받습니다.그렇다면 cols=1이 의미하는 것..

Create 2024.05.11