Coding4 [NodeJS] 익스프레스 req, res 객체 익스프레스의 req, res 객체는 http모듈의 req, res객체를 확장한 것이다. 익스프레스가 많은 속성과 메서드를 추가했지만, 자주 쓰이는 것 위주로만 정리했다. req 객체 req.app : req 객체를 통해 app 객체에 접근할 수 있다. req.app.get('port') 와 같은 식으로 사용한다. req.body : body-parser 미들웨어가 만드는 요청의 본문을 해석한 객체이다. req.cookies : cookie-parser 미들웨어가 만드는 요청의 쿠키를 해석한 객체이다. req.ip : 요청의 ip 주소가 담겨 있다. req.params : 라우트 매개변수에 대한 정보가 담긴 객체이다. req.query : 쿼리스트링에 대한 정보가 담긴 객체이다. req.signedCook.. 2023. 7. 1. [React] 슬라이드(React Slick) 사용 npx create-react-app react-slide-ex npm install react-slick npm install slick-carousel components 폴더에 MySlider.js 생성, css폴더에 MySlider.css, images 폴더 생성하기 MySlider.js 에 슬릭 라이브러리 임포트 해주고 사진도 불러오기 import '../css/MySlider.css'; import Slider from 'react-slick'; import 'slick-carousel/slick/slick.css'; import 'slick-carousel/slick/slick-theme.css'; import img1 from '../images/slide-images1.jfif' func.. 2023. 6. 24. [SpringBoot] 회원가입 insert html 에서 form과 input으로 뼈대 만들기 이메일 계정이 있으신가? 로그인 자바스크립트로 연결되는지 확인하기 const btnElements = document.getElementById('Btn') btnElements.addEventListener('click', function() { alert('클릭'); }); alert 확인되면 자바스립트로 백연결 시작하기 registerForm.onsubmit = e => { e.preventDefault(); const xhr = new XMLHttpRequest(); const formData = new FormData(); formData.append('email', registerForm['email'].value); xhr.open('POS.. 2023. 6. 20. [React] map 메서드 map메서드를 이용한 컴포넌트 반복생성 map 메서드를 사용하기 전에는 화면에 띄울 데이터를 다 적어야 했음. render(){ return( ) } map() 메서드를 이용하면 하나의 코드로 몇번이고 화면에 자동으로 출력할 수 있음 . render(){ const result = this.state.personList.map( (data) => () ) return( {result} ) } 화면 출력해보면 위와 같은 결과를 볼 수 있음. **personList JSON배열 class App extends Component{ constructor(props){ super(props) this.state={ personList:[ //길이가 3인 JSON배열 {profile:lee, name:'이민호',a.. 2023. 5. 21. 이전 1 다음 728x90
