Split() POST 기능으로 유저에게 데이터를 받아 배열 혹은 오브젝트로 입력해야 하는 경우가 있고 예를들면 해쉬태그 또한 문자열을 특정 문자를 기준으로 구분을 해야하는 경우에 사용하는 기능입니다 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/split String.prototype.split() - JavaScript | MDN split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눕니다. developer.mozilla.org 반환값 주어진 문자열을 separator마다 끊은 부분 문자열을 담은 Array. split() 사용하기 주의:빈 문자열이 주어졌을 ..
WSL UBUNTU 다이렉트 폴더 윈도우에서 열기 https://coding-groot.tistory.com/101 [WSL1/WSL2] 홈 디렉터리 위치 :: WSL 홈으로 Windows 파일 옮기기 WSL1에서 C드라이브에 접근해보자 Windows의 드라이브들은 /mnt 디렉터리에 마운트되어 있다. C드라이브에 접근해보자. cd /mnt/c OS Error 13은 파일 시스템의 권한 문제가 생겼을 때 발생합니다. 보시다 coding-groot.tistory.com WSL2 윈도우 환경 하위 리눅스 몽고디비 설치법 https://zereight.tistory.com/368 WSL 윈도우 리눅스 하위시스템에서 MongoDB사용하기 100% 성공 WSL에서 mongodb를 설치해서 사용하려하다보면 mong..
데이터를 back end 로 보내는 방법 form 안에 input을 넣고 method를 post로 바꾸었다. get과 post를 따로 쓰는 대신에 하나의 경로만 필요로 하는 route를 사용하였고 get requests, post requests 를 처리해주었다. req.params로 부터 id를 받는다 매개변수 = params // :id req.body 는 value 의 javascript representation (javascript식으로 표현한 것) 그러나 express가 req.body를 이해하려면 app.use(express.urlencored({ extended : true }) ; 의 미들웨어를 사용해야하고 미들웨어는 form을 우리가 사용할 수 있는 javascript object 형식..
variable (변수) 사용법 일반적인 text 로 같이 사용하는 경우는 변수는 : #{ 변수이름 } h1=변수이름 으로 같이 사용이 가능한데 attribute에는 사용이 불가능하다 a(href="/videos/" + video.id) 혹은 a(href=`/videos/${video.id}`) 로 사용 가능하다 ternary operator h3 #{ 변수이름 } #{ 변수이름 === 조건 ? (같다면) "같다" :(같지 않다면) "아니다" 로 사용 가능합니다 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator 삼항 조건 연산자 - JavaScript | MDN 조건부 삼항 연산자는 Ja..
iteration 사용 빈도수 : 자주 사용 Iteration은 array의 모든 element에 대해 특정 행동을 취할 때 사용한다 each X in Y 인데 Y의 변수는 꼭 존재해야 한다 Y는 array의 형태이여야 하고 array 안에 아무것도 없을 때를 대비하여 else를 사용가능하다 리스트의 각 아이템을 보여줌 또한 Y의 어레이를 오브젝트 형태로 사용할 때가 있는데 자바스크립트는 이해를 못하니 더 자세하게 적어주면 된다 Iteration의 문서 https://pugjs.org/language/iteration.html Iteration – Pug Iteration Pug supports two primary methods of iteration: each and while. each Pug’s ..
https://pugjs.org/api/getting-started.html Getting Started – Pug Getting Started Installation Pug is available via npm: $ npm install pug Overview The general rendering process of Pug is simple. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “locals”) as an pugjs.org pug 는 지저분한 HTML 을 쓰지 않고 깔끔하게 사용 가능하며 pug 는 모두 탭과 띄어쓰기로 이용합니다 npm i pug..
페이지에 들어갔을 때 공지사항을 띄우는 역할을 하는 모달을 연습했습니다. 1. html 내용 만들기 2.css로 내용 정리하기 3.자바스크립트로 모달창 없애는 방법 먼저 html 에 버튼에 onclick 을 적용 시켜주었다. onclick 이란 사용자가 요소를 클릭할 때 이벤트를 발생시킵니다. 혹은 주어진 요소의 click 이벤트를 처리하기 위한 EventHandeler 입니다 그렇다면 EventHandler는 무엇인가요? 이벤트 핸들러 코드를 생성하여 웹 페이지가 변경에 적절하게 대응할 수 있도록 할 수 있다. 버튼에 onclick="closeModal();" 이라는 함수값을 넣어줍니다 (함수 이름은 달라도 상관 없습니다) 자바스크립트에 closeModal이라는 함수를 만들어줍니다 closeModal(..
npm package json nmp init 입력 많은 질문을 하는데 package 이름을 설정해야함 package : 프로젝트 이름 description : 설명 author : 나 자신 express 설치법 npm을 설치할때는 package.json 이 있는 경로에서 설치해야 합니다 아니면 새로운 package.json을 만들게 됨 npm install express 다른 사람과 협업할 때 폴더를 넘기는 방법 index.js package.json 을 제외한 나머지는 지우고 줘도 파일을 받은 사람이 npm install을 하면 모든것이 설정된다. git 설정법 git init (git repository를 만듬 ) 깃허브 홈페이지에 가서 새로운 repository를 만듬 node_module을 gi..
- Total
- Today
- Yesterday
- 프론트앤드
- env
- C언어
- 위코드
- import/order
- TopLayer
- 노마드코더
- NextRequest
- createPortal
- nodejs
- CLASS
- 윤성우 열혈C프로그래밍
- javascript
- 북클럽
- 노개북
- 아차산
- 우아한테크코스
- Storybook
- electron
- 스토리 북
- 원티드
- 초보
- nextjs
- 프리온보딩
- React
- NextApiRequest
- error
- jest
- WSL2
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |