LearningJavaScript 썸네일형 리스트형 [navbar] 관련 참고 stackoverflow.com/questions/38038521/reactjs-onclick-setstate-to-different-element ReactJS onClick setState to different element I am new to react, and I am having a little issue. Maybe somebody can help me out. So the issue is that I am unable to triger the element I want with onCLick function. Now I am trying to remove the stackoverflow.com 더보기 [express] [미들웨어] [cors] [express-session] express를 사용해서 서버를 실행하고, cors와 express-session 미들웨어를 추가했다. 각각의 미들웨어의 역할과 그 안의 option들도 살펴보려고 한다. (그 동안엔 복붙으로 써왔다. 대충, cors에서 origin은 요청 오리진을 설정해주고, methods는 요청 메소드를 제한해주는 정도로만 알고 있었다. 쿠키-세션도 어능정도 복습이 필요할것 같다..) //server/index.js const express = require("express"); require("./models"); // TODO : express-session, cors 등 필요한 middleware를 추가하세요. const mainController = require("./controllers"); const s.. 더보기 [AWS] S3, EC2, RDS 서버를 클라우드 서비스가 대신 관리해주는 서버리스(serverless)로 개발을 하면, 서버 관리뿐 아니라 심지어 비용에 대한 개발자나 운영자의 부담이 줄어들 수 있다. 클라이언트를 담당하는 S3 서버를 담당하는 Amazon EC2 (Amazon Elastic Compute Cloud) 서버 애플리케이션을 배포할 때 외부인들이 내가 개발할 때 사용한 localhost로 접근한다면 위험할 수 있다. 따라서, 개인 컴퓨터가 아닌, 외부 컴퓨터를 이용해 그 안에 서버 애플리케이션을 올려서 사용하고 외부인들에게 공개할 수 있다. EC2란? AWS가 갖고 있는 우리(개발한 나를 포함한 외부인)가 원격 접속할 수 있는 주소를 가진 외부 컴퓨터의 이름이다. DB를 담당하는 RDS EC2로 배포된 서버가 로컬 데이터베.. 더보기 [Cookie] 쿠키 MDN definition: An HTTP cookie (web cookie, browser cookie) is a small piece of data that a server sends to the user's web browser. The browser may store it and send it back with later requests to the same server. Typically, it's used to tell if two requests came from the same browser — keeping a user logged-in, for example. It remembers stateful information for the stateless HTTP protocol. (.. 더보기 [Hashing] [Encryption] [Salt] 암호화는 일련의 정보를 임의의 방식을 사용해 다른 형태로 변환하여 해당 방식에 대한 정보를 소유한 사람을 제외하고 이해할 수 없도록 "알고리즘"을 이용해 정보를 관리하는 과정이다. Encryption의 예: 넘기 수만큼 알파벳 순서상 위치가 바뀐 알파벳 반환 shiftBy('bicycle', 2) // => 'dkezeng' shiftBy('dkezeng', -2) // => 'bicycle' const shiftBy = function(content, offset) { return content.split('').map(function(letter){ return String.fromCharCode(letter.charCodeAt() + offset); }).join(''); } Hashing Hash.. 더보기 [HTTPS] HTTPS HTTPS = HTTP + Secure 인터넷에서 데이터를 주고받을 수 있는 통신 프로토콜인 HTTP에 보안기능이 추가된 것이 HTTPS다. 여기서 추가된 보안기능은 요청 내용을 한 번 암호화 시킴으로써, 해당 데이터에 대한 정확한 ㅓ키 값을 모르면 내용을 확인 할 수 없기 때문에 정보 유출 발생시 이를 한 번 더 보호해준다. 특징: 인증서, CA, 비대칭 키 암호화 1. 인증서 (certificate) 데이터를 제공한 서버가 실제로 데이터를 보내준 서버인지 인증확인하는 용도이다. 또 인증서의 내용에 서버의 도메인 관련 정보가 있어, 데이터 제공자의 인증을 용이하게 해준다. 요청을 받는다면, 서버는 인증서와 함께 응답을 전송하고, 응답을 받은 클라이언트는 인증서에 작성된 도메인과 응답객체에 작.. 더보기 server가 왜 있어야할까? 더보기 require 사용법 const dotenv = require('dotenv'); const mysql = require('mysql'); require은 무조건 npm 모듈만 사용되는거라고 생각했는데, 사실 어떤 함수를 사용할 때도 썼었다!! 정신을 단디 안차리면, 이렇게 큰 착각을 남긴채 넘어가게 된다. 이 부분 다시 한 번 확인해보기!! 더보기 이전 1 2 3 4 ··· 7 다음