반응형

전체 글 371

[알고리즘] 논리적 사고력이 필요하다.

// 요건. // forEach문을 돌려 해당 내용과 일치하는 부분이 있으면 해당 내용만 리턴. // 없을 경우 다른 변수를 할당. 어떤 이벤트의 하위... Arr.forEach((el) => { 이부분에서 진행해야함. }); }) 오늘의 사고력 문제... 특정 배열에서 일치하는 부분이 있으면 그 배열 순서에서 일치하는 다른 배열변수에서 id값을 가져와 넣어줘야한다. 그런데, 일치하지 않으면 그냥 일반적인 변수로 넣어줘야 했다. 따로 따로는 쉬웠으나 합치는 부분이 너무나도 어려웠다. 오늘 어려웠던 이유.... 하나의 if안에서 모든 것을 컨트롤하려고 했다. 이게 무진장 어려웠는데, 퇴근 직전에서 막상 만들고 이해를 못 했다가 작동되는 것만 확인하고 일단 퇴근하면서 생각해봤는데, 제대로 된게 맞더라. //..

코딩/뻘글 2021.12.14

[React] 오랜만에 그냥 간단한 포트폴리오용 사이트

만들려고 했더니 리액트 라우터 돔이 v6로 바뀌면서 호출방식이 바뀐걸 오늘 알았다. Switch 함수가 사라지고 Routes로 변경되었고, usehistory도 대체됨. 이게 뭔 이야기인가 했더니 요거 였다. 바빠서 영상이 올라온 것만 봤었다. 그리고 까먹음. https://velog.io/@ksmfou98/React-Router-v6-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8-%EC%A0%95%EB%A6%AC React Router v6 업데이트 정리 velopert님의 영상을 토대로 정리한 블로그 글입니다.동영상으로 보실분들은 velopert님의 유튜브 영상을 시청해주세요!React Router v6가 정식으로 릴리즈 되었다. 공식문서그 동안 사용했던 React Router v..

코딩/뻘글 2021.12.12

[daterangepicker] 달력 연도 선택과 세팅

let max = moment().add(1, 'y').format('YYYY'); $('#datetime').daterangepicker({ showDropdowns: true, autoApply:true, "minYear": 2017, "maxYear": parseInt(max), // parseInt 필수 "locale": { "format": "YYYY-MM-DD", "separator": " ~ ", "applyLabel": "확인", "cancelLabel": "취소", "fromLabel": "From", "toLabel": "To", "customRangeLabel": "Custom", "weekLabel": "W", "daysOfWeek": ["일", "월", "화", "수", "목", ..

취업/Datepicker 2021.12.10

[php] datatable export button not showing

JS 파일안에서 사용시 말 그대로 버튼이 출력되지 않는 문제... 원인은 제이쿼리를 쓰면 $document.ready(function() {});을 쓰는데, 이게 감싸있다보니 그런 것. 해당 부분을 제거하면 된다. type price quantity time let data = { symbol: 'coke' }; $('#userhistoryTable').DataTable({ order: [ [ 3, "DEC" ] ], destroy: true, dom: 'Blfrtip', buttons: [ 'copy', 'csv', 'excel', 'pdf', 'print' ], ajax: { url: 'curl', type: 'GET', data : data, dataSrc: '', error: function (e..

취업/PHP 2021.11.30

[Redux] 리덕스 툴킷 redux-toolkit

https://redux-toolkit.js.org/ Redux Toolkit | Redux Toolkit The official, opinionated, batteries-included toolset for efficient Redux development redux-toolkit.js.org https://soyoung210.github.io/redux-toolkit/tutorials/basic-tutorial/ Redux Toolkit # 기본 튜토리얼: Redux Toolkit 소개 soyoung210.github.io 위 두개는 거진 리덕스 툴킷을 정리한 내용이다. 하지만 내용이 너무 복잡하고, 이것 썼다 저것썼다해서 헤깔린다. 이미 이해를 하고나서 내용을 정리하고자 공식문서 링크를 찾던 도중..

코딩/Redux 2021.11.21

[Redux] 리덕스 정리

리덕스 툴킷을 다시 배우려고 정리 좀 했다. useSelector = 리덕스 라이브러리 내장된 함수로 리듀서에 있는 state값을 불러오는 함수. useDispatch = 리덕스 라이브러리 내장된 함수로 리듀서 값을 변경시키는 명령 함수. 왜 리덕스가 어렵냐 하면 보일러 플레이트가 많은 상태에서 실질적으로 용어가 많은데, 쓰임을 모르겠으니 헤매는 것. action은 payload를 가지고 있는데, 가르칠때 action도 같이 가르치니 이해가 안된상태에서 헤매게 되는 것. 쉽게 말하면 dispatch 사용하는 것을 action인데, 이를 다른 것처럼 설명하니 헤매게 되는 것이다. dispatch = action이라고 이해하면 편하다. 최상단 index.js import React from 'react'; ..

코딩/Redux 2021.11.21

[php] 쿠키값은 도메인도 중요하다.

비교를 위해서 다른 사이트의 쿠키 값을 가져왔다. 보기만해도 도메인이 다르지 않는가. 이런 문제로 인해서 동일한 이름의 쿠키이더라도 생성 방식이 다르면 도메인을 다르므로 쿠키가 덮어쓰기가 안되고 중복되는 문제가 발생한다. 쿠키값을 읽는 부분인데, 이를 수정했으나 다음날 이상이 있다고 하길래 뭔가 했더니 고쳤던 부분이 다른 test컴에선 남아 있어 그런 문제였다. 보통 여러명이 코딩하면 발생할 수 있는 문제인데, 통일된 쿠키값을 만드는 게 중요하다. 필요할때마다 쿠키 값을 만들 필요가 있어 인터넷에서 구한 setcookie 코드를 사용하는데, 이번에 경우 쿠키값을 만드는 모듈을 다르게 생긴 문제가 있었다. 쿠키를 만드는데, 모듈을 다르게 쓰니 생성된 도메인이 달라 쿠키를 동일한 명으로 2개를 만드는 경우가..

취업/PHP 2021.11.18

[php] js파일 안에서 $(document).ready(function() {})을 쓰지마라.

js 안에서 $(document).ready(function() {})을 쓰지마라. 말 그대로이다. 이것을 쓰지 말라하는 이유는 js에서 굳이 쓸 필요가 없기때문이다. 이거때문에 쓸데없는 버그를 걸렸기에 그러하다. 필자는 기본적으로 해당 문구를 php 파일 안에서만 $(document).ready(function() {})를 쓰는데, 삭제하기 귀찮아 이걸 그대로 js에다가 가져놨다가, 고생을 했다. 왜냐하면, 해당 부분이 없이쓰면 js 파일자체가 전역변수로 사용되는데, 해당 문구가 있으면 js 안에서 let volt = '볼트'; let obj = { 'fruit': "사과", 'time': "3시"}; $(document).ready(function() { let apple = '사과'; console..

취업/PHP 2021.11.17

[php] CI 코드이그나이터3에 env dotenv .env 적용하기

위코드를 다닐때는 초보자라 config.js에서 그냥 export 해서 사용했던거였는데, node.js를 배우면서 dotenv라는 라이브러리를 알게되었다. 해당 라이브러리는 config.js처럼 하나의 전역변수 파일을 만들어 따로 호출하지 않고, config.js는 해당 파일을 사용하는 컴포넌트에서 매번 import해야했음. 하지만, dotenv는 자동으로 해당파일을 import해서 변수 호출하는 방식으로 해결하는 라이브러리. 해당 파일만 github 예외파일로 선정시 나머지 코드들은 github에 업로드가 가능하니 공유도 좋다. 즉 보안성도 좋고 사용하기도 좋아서 재사용코드들도 관리가 쉽다는 것. url * 500개면 500개를 일일히 수정하는 것인데, 이를 한개의 코드만 바꾸면 나머진 알아서 교체되니..

취업/PHP 2021.11.12

[우분투] 설치 후 안되는 부팅 멈춤 해결.

필자의 경우 한성 TFX5470UC 사용 중입니다. 우분투 사용하기! 1. usb 부터 만들자. 용량은 32gb메모리까지만 쓰자. 64gb 쓰면 인식 못하더라... https://philliphong0724.tistory.com/80 우분투 듀얼 부팅으로 설치하기(Ubuntu install dual booting, ubuntu 18.04.05LTS,ubuntu 18.04.5 LTS,ubuntu 20.04 LTS, 자율주행 레이스 대회인 로보레이스를 준비하면서 기존의 윈도우 환경에서의 작업이 아닌 우분투 상에서의 작업이 지속되고 있다. 하지만 우분투가 윈도우만큼의 안정성이 있지 않아서 관련 philliphong0724.tistory.com 해당 단계가 완료되면 다음 단계를 실행하는데, 3단계로 구성됩니다...

OS/Ubuntu 2021.11.11
728x90