Go민보다 Go

프론트엔드 개발자

분류 전체보기 50

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

오랜만에 글을 쓰려니 도저히 시작을 못 하겠습니다. 왜일까 고민해보니 너무 큰 주제를 쓰려고 했던 것일 수도 있겠다 싶었습니다. 그래서 일단 가벼운 주제로 먼저 글을 쓰기 '시작'하려고 합니다.한참 코딩을 하다가 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

2024 | 4월 회고 & 5월 목표

🐾들어가며발단: 친구와의 수다로 5월 목표가 희미하다는 걸 깨달음계기: 아침에 일어나 아티클을 읽을 때 다음의 글을 읽게 됨ref: https://maily.so/mind/posts/fcac9dfe친구의 과제 후기를 들으면서 앞으로의 일에 대해서도 말하는 시간을 가지게 되었습니다. 그러다가 5월 목표에 대해서 대화를 해보니, 스스로 목표 설정이 희미하다는 것을 알았습니다. 어쩐지 요새 목표 설정을 안해서 시간이 금방 가는 것처럼 느껴진 것 같습니다.폰을 보면 구글 디스커버를 보는 습관이 있습니다. 아침에 그렇게 보는데, 메일리의 글을 보고 목표 설정을 하는 것에 두려움이 약간 덜어낼 수 있었고, 체크리스트가 있길래 한 번 사용해보기로 합니다.✨4월 회고✅KEEP기술 블로그 작성요즘 블로그에 회고 글이 ..

Delete/회고 2024.05.09

[React] 리팩토링 - 데이터/액션/계산으로 분리하고 쿼리 스트링을 사용하자

🐾들어가며이전에 쓴 코드를 돌아보면서 리팩토링을 해보았는데, 정말 과거의 저에게 안타까운 시선이 갑니다.리팩토링하면서 어떤 행동으로 어떻게 변화했는지 정리해보려고 합니다.코드의 전문은 다음 링크에 올려두었습니다: https://gist.github.com/Sleepingoff/8c9494d244374292446f3f1784169c12✨본격적으로✅어떤 일을 하고 있을까?먼저 해당 컴포넌트에서 어떤 기능들이 있는지 알아보았습니다.user를 기준으로 시간을 초기화하고 현재 시간에 맞춰서 day 상태를 업데이트holiday라는 공휴일 데이터를 토대로 공휴일이라면 한 번 더 day 상태를 체크해서 업데이트새로고침, 날짜변경, 지하철방향 변경에 따라서 값 초기화rowInfo: 지하철 정보count: 요청 횟수지하..

Create 2024.05.08

[React] 컴포넌트는 한 번에 하나의 책임만 진다.

🐾들어가며상황:라이브러리를 만들면서 컴포넌트를 사용할 때 개발자가 어떻게 쓰면 좋을지 먼저 생각했습니다. 그래서 실제로 사용할 때의 예시를 먼저 작성하곤 합니다.✨본격적으로이번에 TipBox를 만들면서 다음과 같은 코드를 생각했습니다.tooltips과 popover tips를 합쳐서 TipBox라고 부르기로 했습니다.//popver 속성을 넘기면 dialog 형태의 툴팁이 나온다. feature {/* popover 속성이 있는 Hint 내부에서 show와 hide 각각을 가진 두개의 Trigger를 사용해야 한다. */} {/* Content는 툴팁이 뜨는 위치를 prop으로 받는다. */} Lorem, ipsum dolor sit amet consectetur..

Create 2024.05.05

[CSS] 웹 스타일링

🐾들어가며CSS 관련해서 여러 가지를 사용해보는데, 어떤 차이가 있는지 간단하게 구분해보려고 글을 씁니다.✨본격적으로✅CSS, module, SCSS, CSS in JS...CSS: 웹 문서의 디자인을 씌울 수 있게 만드는 스타일 시트.-> 대규모 프로젝트에서 전역적으로 적용되는 CSS는 관리의 어려움이 있다.selecorA { /*...css...*/} selectorB.class { /*...css...*/}CSS-module: style.module.css 처럼 CSS를 module화하여 사용-> 중복되는 클래스명이어도 고유한 hash 값이 클래스명에 붙기 때문에 다른 스타일로 작성할 수 있다.selecor { /*...css...*/} selector.class { /*....

Read 2024.05.03