목록웹개발 (290)
써먹는 웹개발
1. DRY : don't repeat yourself - 중복 코드 작성을 하지 말아라. - 공통된 코드는 하나의 함수로 만들어 다른 곳에서 참조할 수 있게끔 하는 것이 좋다. 2. KISS : Keep it simple, stupid - 단순하고 간결하게 디자인해라. - 프로젝트에서 요구되는 요건정의를 이해하라. 3. YAGNI : You Ain't Gonna Need it - 정말로 필요할 때까지 작성하지 마라. - 추후에 필요할 것 같은 기능이나 코드가 있더라도 예측하여 미리 추가를 해놓지 마라. 방해 또는 버그 발생할 가능성으로 이어짐 4. 일관성 - 변수나 선택자 규칙을 동일하게 처리해야됨 1) 규칙 불일치 const itemList = document.querySelect(".itemList..
1. 문제 아직 글을 모르는 영석이가 벽에 걸린 칠판에 자석이 붙어있는 글자들을 붙이는 장난감을 가지고 놀고 있다. 이 장난감에 있는 글자들은 영어 대문자 ‘A’부터 ‘Z’, 영어 소문자 ‘a’부터 ‘z’, 숫자 ‘0’부터 ‘9’이다. 영석이는 칠판에 글자들을 수평으로 일렬로 붙여서 단어를 만든다. 다시 그 아래쪽에 글자들을 붙여서 또 다른 단어를 만든다. 이런 식으로 다섯 개의 단어를 만든다. 아래 그림 1은 영석이가 칠판에 붙여 만든 단어들의 예이다. A A B C D D a f z z 0 9 1 2 1 a 8 E W g 6 P 5 h 3 k x 한 줄의 단어는 글자들을 빈칸 없이 연속으로 나열해서 최대 15개의 글자들로 이루어진다. 또한 만들어진 다섯 개의 단어들의 글자 개수는 서로 다를 수 있다...
1. 0으로 초기화 개선 전 1 2 3 4 5 let arr = Array.from(Array(100),() => Array(100)); for(var i=0;i new Array(100).fill(0)); console.log(arr); Colored by Color Scripter cs
1. pm2 (최신버전) 설치 1 npm install -g pm2@latest cs 2. pm2 실행 ※ 서버 프로젝트와 클라이언트 프로젝트를 별도 실행하는 코드입니다. 1) 서버 폴더 경로에서 1 pm2 start --name 프로젝트명-server npm -- start cs 2) 클라이언트 폴더 경로에서 1 pm2 start --name 프로젝트명-client npm -- start cs
1. 원인 : 파일명이 없으면(.env) 옮겨지지 않는다. 2. 해결방법 : 파일을 생성하고 복사해서 붙여넣는다. 1) vim .env 2) 문서 작성 3) wq! (저장후 종료)
[셋팅 실패] Sign-up via GitHub
시도한 것 1. github > Settings > Emails에서 Keep my email addresses private 체크 해제 2. Public profile에서 이메일 선택 이렇게 해도 github 연동 로그인시에 동일한 화면이 출력되어 포기했습니다. 해결방법을 아시는 분은 댓글 달아주시면 감사하겠습니다.
ES2020에서 새롭게 추가된 연산자로 Nullish Coalescing Operator이라고 부른다. ?? 두개면 null이거나 undefined인 경우에만 리턴한다. let choose = A ?? B A가 null이거나 undefined이면 B를 리턴하고 아니면 A를 리턴한다. 참고 : https://seo-tory.tistory.com/38
[Js] 느낌표(!) 연산자와 옵셔널 체이닝(?.)
1. 변수 뒤에 느낌표가 들어가면 null이 아니니 제약 조건을 완화해달라는 뜻 1 2 3 4 5 6 7 // 앞이 false이면 new 호출 res.code === Mysql.Const.SUCCESS ! || new CustomError(ErrorCode.QUERY_EXEC_ERROR); // 위를 좀더 이해 쉽게 쓴 것 if (!(res.code === Mysql.Const.SUCCESS)) { new CustomError(ErrorCode.QUERY_EXEC_ERROR); } Colored by Color Scripter cs 2. 옵셔널 체이닝을 쓰면 특정 속성을 잘못 접근할때 에러가 나게 처리하지 않고 undefined를 리턴한다는 뜻이다. 참고 : https://developer-talk.ti..