FrontEngineer JungBam

위의 코드들 app.use('/경로', function(){})들에서 처리되지 못하고 정해진 경로가 아닌 요청에 대한 모든 처리를 할 수 있는 방법! .use()의 첫번째 경로를 생략하고 콜백함수를 부르면 정해진 경로가 아닌 나머지 경로에 대한 모든 요청을 처리하는 작업이 된다.(나는 여기서 페이지가 잘못되었다고 페이지를 보내줬다. / 아래가 결과물)

1. 조건문의 종류 : if 조건문 / switch 조건문 switch 조건문은 단일 값 대상의 조건일 때에 사용하고 그 외에는 if문을 사용. 2. if 조건문 - if(조건문){①}else{②} 조건문이 맞으면 ①을 실행하고 그 외에는 ②를 실행해라. - 삼항 연산자 : 조건문? ① : ② 위의 if 조건문과 동일하다. - if(조건문1){①}else if(조건문2){②}else{③} 조건문 1이 맞으면 ①을 조건문2가 맞으면 ②를 그 외 ③을 실행해라. ※ 삼항 연산자로 만들 수 있으나 조건문이 두개 이상일 때에 삼항 연산자를 사용하면 직관적이지 못하게 되어 개인 프로젝트가 아니라면 지양하는 것이 좋다고 생각함. 3. switch 조건문 switch(자료){ case 조건A : ① break cas..

백엔드와 협업이 처음이라 낯설었던 단어, 쿼리 스트링 개념은 간단했다. 엔드포인트 주소에서 내가 원하는 값을 파라미터로 백엔드에게 요청할 수 있는 것 ${i} 쉽게 위의 코드를 보면서 설명하면 백엔드에 abandoned(엔드포인트)에 페이지 번호가 i인 데이터를 요청한 것 즉, 클라이언트의 요청을 백엔드에게 요청할 때 이 요청을 파라미터로 넘겨주는 것. 아직 내가 느끼기에는 쿼리스트링으로 주는 것보다 path로 주는 것이 더 좋다는 생각이 든다. path로 주고 params로 불러오는 것이 코드가 더 직관적이고 깔끔하다는 느낌이 들기 때문.

작업을 하다가 multiple이라는 속성을 처음 사용해봤다. email, file 타입에 대하여 둘 이상의 값을 입력할 수 있음을 명시하는 속성 - email : 콤마(,)를 통해 여러 이메일 주소를 동시에 입려할 수 있다. - file : ctrl키나 shift키를 이용하여 동시에 선택할 수 있다. 참조 : http://www.tcpschool.com/html-tag-attrs/input-multiple

.render() 두번째 변수로 넘겨준 값을 js파일로 가져오는 작업이 필요했다. 구글링과 유튜브를 아무리 찾아봐도 해당 내용을 찾는 것은 어려웠고 내 방식대로 하나씩 방법을 찾아보기로 했다. 변수를 가져올 수 있는 방법을 하나하나 해보기로.. 그러다가 방법을 찾을 수 있었다. 서버 router.get('/', async (req, res, next) => { try { const page = parseInt(req.query.page) || 1; const countOfArticles = await db.collection('community').countDocuments(); const maxIndex = Math.ceil(countOfArticles / 20); const query = { dele..

참고한 블로그 : https://gongbu-ing.tistory.com/26 Node.js | Express : Request Parameters GET method GET 방식의 요청에서 파라미터를 전송하는 방법은 두 가지가 있다. 쿼리스트링(Querystring)이나 경로(Path)를 통하여 파라미터를 전달할 수 있다. 각각의 방법을 알아보자. Querystring 'req.param() gongbu-ing.tistory.com 각 컴퍼넌트별 상세페이지를 만들던 중 상세페이지를 불러오는 각자의 경로를 만들어 주려고 하다보니 get()요청을 몇개를 써야하는가 싶어서 이러한 단순 노가다를 해결할 방법을 찾던중에 만난 params라는 친구 (위의 블로그를 보면 params와 param()의 차이를 알 수..

기본 자료형 1. 자료 : 프로그램이 처리할 수 있는 모든 것 → 자료형 : 자료 형태에 따라 나눠 놓은 것 2. 자료형의 종류 - 숫자 : 따옴표가 없이 숫자를 입력하면 숫자형으로 인식함. +, -, / , *(기본 사칙연산), %(나머지) - 문자열 : '(작은 따옴표)나 "(큰 따옴표)를 사용하여 선언 이스케이프 문자(|) : 문자열 안에서 따옴표나 |를 나타내고자 할 때 사용 ex) "|"" → 출력물 : " 문자열 연산자 - 문자열 + 문자열 : 두개의 문자열을 합침 * 만약 문자열 형태의 숫자를 숫자로 계산하고자 하면 문자열 앞에 +를 붙이던가 숫자형으로 변환하여 연산해야 함. - 문자열[index] : 문자열의 index 순서에 있는 문자를 가져옴 - 문자열 길이 구하기 : 문자열.lengt..

1. 표현식 : 값을 만들어 내는 간단한 코드 ex) const 10 2. 문장 : 하나 이상의 표현식이 모인 것 프로그램에서의 문장은 statement의 의미(선언) ☞ 코드 실행의 최소 단위 ex) if문, for문, try-catch문 등 3. 프로그램 : 여러 문장이 모인 것 4. 키워드 : JS가 만들어질 때 정해놓은 특별한 의미가 있는 단어들 → 이미 JS가 만들어질때 정의 되었기 때문에 해당 단어를 통해 선언하는 일이 없도록 주의해야 함. ※ 어떻게 아냐고? 이건 IDE에서 자동으로 색상으로 구분이 됨. 5. 식별자 : 이름을 붙일 때 사용하는 단어 → 키워드를 사용하면 안 된다. → 숫자로 시작하면 안 된다. → 특수 문자는 _와 $만 허용한다. → 공백 문자를 포함할 수 없다. → 클래스..