Web - CORS >간략정리 http://blog.iolo.kr/494 참고Ajax에는 Same Origin Policy라는 원칙이 있다. 말 그대로, 현재 브라우져에 보여지고 있는 HTML을 내려준 웹서버(Origin)에게만 Ajax 요청을 보낼 수 있다. MS가 XMLHttpRequest를 처음 만들 때만 해도 이런 제약은 당연한 것처럼 보였지만, 지금에 와서는 OpenAPI를 통한 매시업(Mashup)이 활성화되는 데 가장 큰 장애물이 되었다. 매시업이 아니더라도 여러 개의 도메인을 사용해야 하는 대규모 사이트를 개발할 때도 골치거리였다. Same Origin Policy를 우회하는 방법으로 JSONP, IFRAME IO, CrossDomain Proxy 등이 고안되었지만, 보안성이 취약하다거나,..
Javascript -클로저 > 클로저 -클로저는 내부함수가 외부함수의 맥락에 접근할 수 있는 것을 가르킵니다. 클로저는 자바스크립트를 이용한 고난도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. -클로저는 내부함수와 밀접한 관계를 가지고 있는 주제다. 내부함수는 외부함수의 지역변수에 접근할 수 있는데 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근 할 수 있다. 이러한 메커니즘을 클로저라고한다. > 내부함수 function outer(){ function inner(){ var title = 'coding everybody'; alert(title); } inner(); } outer();위의 예제에서 함수 outer의 내부에는 함수 inner가 정의되어있다. ..
Javascript -자바스크립트 기초 아래 게시글들은 생활코딩의 글들을 참고하였다. > ; 표시 자바스크립트는 줄이 바뀌면, 명령이 끝났다! 를 명시하므로 ;는 필수가아니다. 하지만 명시적으로 ;를 써주는 것이 좋음. > 수 연산//1.제곱 Math.pow(3,2); //9 //2.반올림 Math.round(10.6); // 11, 10.6을 반올림 //3.올림 Math.ceil(10.2); // 11, 10.2를 올림 //4.내림 Math.floor(10.6); // 10, 10.6을 내림 //5.제곱근 Math.sqrt(9); // 3, 3의 제곱근 //6.랜덤숫자 Math.random(); // 0부터 1.0 사이의 랜덤한 숫자자바스크립트 메소드(문자 연산,수 연산..) 관련 참고https://o..
Ruby on rails -웹 aws에 배포하기 1. aws 콘솔사이트 https://ap-northeast-2.console.aws.amazon.com/console/home?region=ap-northeast-2# 에 접속한다. 그리고 ec2를 클릭한다. 2. 인스턴스 생성의 인스턴스 시작을 클릭한다. 3.ami를 선택하여 진행한다. 4.검토및 시작을 누른다. 5.아래와 같이 http유형의 보안그룹을 추가해준다. 6.원하는 이름으로 key pair를 만들어 다운로드 한다. (이 키페어 파일은 aws에 접속할때 필요하니 꼭 저장한폴더를 기억하고, 잃어버리지 않게조심하세요) 7.인스턴스가 시작된다. 8.아래와 같이 name에 값을 입력해준다. (맥의 경우)연결을 누르면 아래와 같은 인스턴스에 연결이라는 ..
Ruby on rails - 유저 프로필 기능만들기 >1.carrier wave gem 설치 gem 'carrierwave'bundle install 해준다. >2. 이미지 업로더 생성 rails g uploader Image위와 같이 만들면 app/uploaders 폴더에 image_uploader.rb 라는 파일이 생성됨 class ImageUploader 3.User 모델 수정 #models/user.rb mount_uploader :image, ImageUploader위와 같은 내용을 user.rb에 추가해준다. 주의할점은 1) db>migrate>user(생성한 모델)의 attribute와 같아야 함. 없는 경우 선언!2)imageuploader는 app>uploaders>image_upload..
React -redux thunk, redux saga >reudx-saga에 들어가기에 앞서, |redux-thunk란? redux-saga를 적용시키기 전에 redux-thunk를 먼저 사용해봤다면, 왜 redux-saga를 써야하는지 더 쉽게 파악할 수 있으므로, 시간이 있다면 간단히라도 학습하길 바란다. 아래에서 간단히 소개하겠다. :가장 간단히 설명하자면, 이 미들웨어는 객체 대신 함수를 생성하는 액션 생성함수를 작성 할 수 있게 해준다. 리덕스에서는 기본적으로는 액션 객체를 디스패치한다.function increment() { return { type: INCREMENT_COUNTER }; }예전에는 액션생성함수에서 위와 같은 type을 가지는 객체를 생성해 줬었다면 function incr..
Ruby on rails-멋사 중앙대 웹사이트 만들기 루비온레일즈로 멋사 중앙대 웹사이트를 만들면서 있었던 이슈가 생기거나, 기능을 추가할때마다 블로그에 글들을 포스팅하였다. 그때마다 포스팅했던 글들을 링크를 걸어 아래에 모아놓았다. 계속 수정해 나가면서 생기는 이슈들이나, 기능추가한 내용들도 아래에 계속 업데이트해 나갈예정이다. 회사다니며 짬짬이 멋사 운영진들과 같이 개발하여 멋짐뿜뿜하게 만들어보려 했는데 생각보다 많이 못했다..끄응.. 멋사 중대 6기 수업진행해도 활용하면 좋을것이기 때문에 아래와 같이 정리해둔다. |Rails -맥에 rails 환경 구축하기-Ruby on rails 중대 사이트 웹 설계하기-스캐폴딩한 게시판에 tinymce 에디터 적용하기-파일업로드 다운로드 구현-새로고침해야 에디터..
Ruby on rails - 컨트롤러에서 flash로 alert 해주기 > 실습에 앞서rails를 사용하다 보면 컨트롤러에서 특정 액션 수행시 조건에 따라, alert를 주는 효과를 적용하고 싶을때가 있습니다. 필자 같은 경우는, 팀 스터디방에서 다른 팀일 경우, 이를 체크해 alert해주는 기능을 적용시키기 위해 사용했습니다. 이는 flash라는 것을 통해 가능한데, 어떤 것인지 보시면 페이지에 한 영역을 차지해 메시지를 띄워주는 기능입니다. >flash?:레일스에서는 컨트롤러의 액션 실행시 발생하는 액티브레코드 관련 각종 메시지를 flash라는 세션의 특수한 형태를 통해서 표시할 수 있다고합니다. 카메라의 플래시를 연상해 보면 알 수 있듯이 메시지를 짧은 시간만 저장할 수 있으며 레일스 내부적으로는 ..