profile
움직이는 만큼 행복해진다

git pull, push와 origin의 의미

많이 사용하는 git cli는 암기해서 사용하고 있었다.git push origin 브랜치 이름git pull origin 브랜치 이름origin이 항상 들어가서 local에서 현재 내가 위치한 브랜치로 생각했었다.git push origin \[브랜치 이름]: 내가

약 10시간 전
·
0개의 댓글

nextjs 배포 관련 읽어볼 글

nextjs 배포서버 검색 후 서버리스1서버리스2S3 + CodeDeploy(EC2)code pipe line 배포관련 삽질 후기(1)결국 다시 code pipe line으로 배포한 후기(2)

약 13시간 전
·
0개의 댓글

웹서버와 엔진 공부하기 + 결제 모듈

회사에서 결제모듈을 만들어서 넣어야 하는데 노드에 오픈소스가 많아서 asp.net을 사용하고 있는 지금 서버에 어떻게 적용할 수 있을지 생각해봐야된다.또는 asp.net에서 결제관련 모듈을 찾아야할 것 같다.https://elky84.github.io/2016

약 16시간 전
·
0개의 댓글

쿼리 스트링(Query string), URL 파라미터

오늘 Ark 회의 중에 쿼리스트링이라는 말을 들었다.사실 처음 보는 단어는 아니었다.회사에서 formdata(썸네일)를 보내서 서버에서 쿼리스트링에서 값을 가져오는 것을 봤었다.그 당시 어렴풋이 추측만 했었는데 오늘 명확하게 그 의미가 전달이 되고 이것을 기록하고자 한

4일 전
·
0개의 댓글

npm cli flag: `--force` and `--legacy-peer-deps`

inflearn의 drag and drop을 만들기 위해 가장 비슷한 sortablejs 라이브러리를 사용하기위해 설치하려는 중 에러가 발생했다.내가 설치한 CRA에서 자동으로 설치된 react의 버전은 17.0.2인데 라이브러리에선 16.9.0을 사용한다는 것 같다라

5일 전
·
0개의 댓글

javascript drag and drop 구현 시도와 시행착오

서론 이 간단해 보이는 drag and drop animation을 만들어 보려했지만 생각보다 쉽지 않았다. 개인적인 생각으론 인프런에서도 sortable js 라이브러리를 사용한 것으로 생각된다. 왜냐하면 선택 후 드래그로 움직임을 바꿀 때 현재 선택된 elemen

5일 전
·
0개의 댓글

pagination and rendering

회사에서 자바스크립트만으로 웹을 개발하고 있다.라이브러리를 쓰지 않다보니 모든 UI와 로직을 전부 내가 생각한 대로 만들었는데 그러다보니 코드가 분리가 잘 안된부분도 많았다.버튼이 first, <<, <, 1, ..., 10, >, >>, last으로

6일 전
·
0개의 댓글

css 표에 대각선 넣기

https://www.python2.net/questions-1185625.htm

2021년 9월 7일
·
0개의 댓글

Array.prototype.map.call

drag and drop 관련 코드를 찾아보던 중 못 보던 메소드가 있어서 찾아보았다.getElementsByClassName 또는 querySelectorAll은 Array가 아닌 NodeList를 return하기 때문에 Array의 method인 map을 사용할 수

2021년 9월 4일
·
0개의 댓글

High Order Function (HOF)

이번에 이벤트 리스너의 콜백함수에로 값을 전달해야 될때 HOF으로도 가능하다는 것을 알았다그 전엔 anonymous 함수를 그 자리에서 만들어서 값을 전달했었는데 더 섹시한 방법이 있는 걸 알게 되니 앞느로 이렇게 사용해야겠다는 생각이 든다그 전에 HOF가 무엇인지 명

2021년 9월 1일
·
0개의 댓글

Javascript array 변경

array를 변경할 때 splice를 이용하면 기존 데이터에 변경이 되므로 slice를 사용하거나기존 array를 복사해서 splice 사용하기둘 중에 더 편한 방법을 찾아서 정리삭제 뿐만 아니라 순서를 변경할 때는 어떤 방법을 사용하는 것이 좋을지 생각해보기

2021년 8월 31일
·
0개의 댓글

리액트에서 리덕스의 list로 컴포넌트 그리기

컴포넌트에 list 자체를 전달해서 컴포넌트 안에서 처리 하는 방법좋지 않음 : 기존에 설정된 값들(store read-only 속성제거)을 변경해야 함(방금 작업한 코드)컴포넌트 밖에서 array.map() 을 사용해서 그리기 내일 시도 해보고 비교 글을 블로그에 정

2021년 8월 31일
·
0개의 댓글

레이드란

회사에서 사무실을 5층에서 4층으로 이동하면서 서버도 같이 이동하게 되었는데 서버에서 레이드라는 개념을 사수님이 간단히 알려주셨다.좀 더 자세히알아보고 간단히 정리해보려한다.Redundant array of independent/inexpensive disks여러개의

2021년 8월 31일
·
0개의 댓글

오늘 알아 볼 것들

서버, 레이드 개념classic asp dynamic routing

2021년 8월 31일
·
0개의 댓글
post-thumbnail

gather town

사이드 프로젝트 팀 Ark 회의에서 소통 채널을 디스코드에서 슬랙으로 변경하면서 애매해진 디스코드를 어떻게 할지 이야기 하던 중게더 타운이 있으니 한번 사용해보자는 의견이 나왔다.만드는 것은 팀 리더인 노아님이 게더타운 모임방을 만들어주셨지만 처음 들어가서 무엇을 할

2021년 8월 29일
·
0개의 댓글

useEffect dependency

내가 이해한 useEffect는 처음에 한번 실행되고 dependency array안의 값이 변경될 때 마다 실행되는 것으로 알고 있다.그런데 가끔 dependency로 함수를 전달하는 것을 보았는데 왜 그걸 전달하는지 이해가 되지 않아서 이번 기회에 찾아보았다.결론

2021년 8월 27일
·
0개의 댓글

ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed

delete the .next folder at the root of your project.참고 문헌https://stackoverflow.com/questions/67652612/chunkloaderror-loading-chunk-node-modules-n

2021년 8월 27일
·
0개의 댓글
post-thumbnail

반응형 웹 가로 픽셀 기준

최근 모니터의 발전으로 해상도, 한 화면안에 픽셀의 개수가 많아졌다.웹을 반응형으로 만들 때 미디어쿼리를 사용하여 구분을 하거나 화면의 최대 가로 길이를 제한하는 기준은 어떻게 설정해야 하고왜 그런 기준점들이 생겨났는지 생각해보자.화면의 정밀도를 나타내는 지표가로 픽셀

2021년 8월 27일
·
0개의 댓글

Display element on hovering over a tag using CSS

어떤 icon을 마우스가 카드 위에 올라갔을 때만 보여주고 싶다면javascript로 mouseenter event에서 감추거나 숨겨도 되지만css로 간단하게 할 수 있는 방법이 있다.css hover 조건에서 icon을 표시하게 하면 된다.https://ww

2021년 8월 27일
·
0개의 댓글

datalist 와 input 변화 감지 event

datalist와 연결된 input element에 'input' event로 변화를 감지할 수 있다.(select는 'change' event)https://stackoverflow.com/questions/23647359/how-do-i-get-the-ch

2021년 8월 26일
·
0개의 댓글