What is react ? 리액트를 사용해 컴포넌트를 다뤄보고, 리덕스를 사용해 상태관리를 해보았는데도, 사실 아직 리액트라는것에 대해서 멀게만 느껴졌다. 그래서 리액트라는것에 대한 기초개념과 리액트란 무엇인가에 대해 정리해 포스팅해보겠다. https://velopert.com/775 velopert님의 글을 대부분 인용하였다. >React?- 리액트라는 것을 들어본 사람이라면 대부분이 말하는 리액트의 설명중 하나는 페이스북에서 개발한 유저 인터페이스 라이브러리라는것이다. 또한 Virtual DOM 이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링한다는점도 마찬가지이다. 이를 통해, 최소한의 DOM 처리로 컴포넌트들을 업데이트 할 수 있게 해주는것 역시도 리액트의 특징중 하나..
알고리즘의 분석: 시간복잡도 인프런 - 권오흠 강사님의 자료를 인용했습니다. PPT자료링크 https://s3.ap-northeast-2.amazonaws.com/inflearnattachment/algorithm/chap01_time_complexity.pdf > 알고리즘의 분석알고리즘의 자원(resource) 사용량을 분석 자원이란 실행 시간, 메모리, 저장장치, 통신 등 여기서는 실행시간의 분석에 대해서 다룸 >시간 복잡도(tiem complexity) 1.실행시간은 실행환경에 따라 달라짐 하드웨어, 운영체제, 언어, 컴파일러 등 2.실행 시간을 측정하는 대신 연산의 실행 횟수를 카운트 3.연산의 실행 횟수는 입력 데이터의 크기에 관한 함수로 표현 4.데이터의 크기가 같더라도 실제 데이터에 따라서 ..
참고했던 내용 : http://programmingsummaries.tistory.com/325 사내 재고부족메시지를 개선하기 위해 api를 수정해야했다. (기존 메시지) 어떤메뉴가 부족한지 몇개가 부족한지 나오지않았다, -> 재고가 부족합니다. (바꾸려는 메시지) 현재, (음식)의 재고가 (x)개 부족합니다. 다시주문해 주시기 바랍니다.아래 함수가 재고를 체크하는 함수였다. function isAvailableAdjustOrdereds(menuDailys, menuInfos) { return menuInfos.every((menuInfo) => { const menuDaily = menuDailys[_.findIndex(menuDailys, md => md.menuIdx === menuInfo.idx)..
GDG Campus Korea 2월 meetup 멋진 발표자 분들의 따끈따끈한 발표내용을 정리해보겠습니댜!(빠진 부분은 이해바랍니다..ㅎ) 14:15 ~ 14:30 등록확인 14:30 ~ 14:40 Keynote 14:40 ~ 15:00 세션1 : 한재엽 "함께 일하고 싶은 개발자 - 나름 큰 회사에서 반년동안 배운 것" 15:00 ~ 15:20 세션2 : 김은향 "새해에 일어난 일 - 고군분투한 인턴 개발자, 백수되다" 15:20 ~ 15:30 쉬는시간 15:30 ~ 15:50 세션3 : 구민석 "새해를 맞아 Google Firebase를 알아보자" 15:50 ~ 16:10 세션4 : 신호석 "플레이윙즈, 2017년, 팀장이 된 나" 16:10 ~ 16:20 쉬는시간 16:20 ~ 16:40 세션5 :..
Ruby on Rails - 파일업로드, 다운로드 구현 https://www.tutorialspoint.com/ruby-on-rails/rails-file-uploading.htm 참고하여 기능을 구현하였다.앞서 진행하던 tinymce와 연결되어 이미 구현되어있는 프로젝트로 진행하는 점을 참고하기 바란다. 1. carrierwave gem 설치하기 gem "carrierwave" 를 gem file에 추가해주고,bundle install 해주기 or gem install carreierwave 터미널에 치기 2.작성 되어있는 모델에 attachment 속성 추가해주기 class CreatePosts 이 속성을 추가해주었다. t.timestamps end end end 기존 rails g model Po..
Ruby on rails- 스캐폴딩 게시판에 TinyMCE 에디터 적용하기 | 시작하기에 앞서 앞서, 중앙대 멋사 사이트 구축을 위한 대략적 설계를 하고, 그다음단계로는 스캐폴딩된 게시판 구조에 tinymce를 적용시키기로 했다. http://blog.naver.com/PostView.nhn?blogId=kbs4674&logNo=221012826088 참고 예전에 tinymce를 적용했던 경험도 있고, 위블로그에 매우 잘정리되어 있기에 이 에디터를 적용하게 되었다. 1.tinymce.yml toolbar: undo redo | forecolor | bold italic | alignleft aligncenter alignright | fontselect | code | link | uploadimage ..
let과 closurevar list = document.querySelectorAll("li"); for(var i=0;i 오류 console.log(homename); } home();배열 역시도 동일하다.const를 기본으로 사용하는것이 전략, 그런데 변경이 될 수 있는 변수는 let을 사용한다.var는 사용하지 않는다. immutable arrayfunction home(){ const list =["apple","orange","watermelon"]; list.push("banana"); console.log(list); } home();위와 같이 const를 써도 수정이 가능하다.const를 사용하더라도 배열과 오브젝트와 값을 변경하는 것은 가능하다.const는 불변을 의미하는것은 아..
Ruby on rails 웹 설계하기 멋사 중앙대 사이트 구축 이번에 제작하게 되는 rails로 제작하게 되는 웹은 REST API 규칙을 지키면서 설계하고, 필요한 기능에 따라 필요한 모델과 컨트롤러만 만들고, 불필요한 작업을 줄이기위해 주저리주저리 적어본다. 기능 일단 웹에서 주요로 제공하는 기능은 1. Landing page (기능이라기 보다는 페이지이지만..)ui 애니메이션 요소 집어넣기 (시선을 끌만한)운영진 소개contact us를 여기다 넣어도 될듯? 굳이페이지를 하나 파지않고. 2. 스터디팀용 스터디게시판 (스터디 자료 업로드,다운로드 )게시판 editor 적용시키기, 파일첨부기능 (업로드,다운로드 ), 팀별 접근권한 3 .contact us-우리사이트에 contact하고 싶은 분들을 위한..