반응형 Back-End22 (해결) LoadError: cannot load such file -- sass Ruby on rails 개발 중 admin 페이지를 함께 만들기 위해 devise 라는 gem과 activeadmin 이라는 gem 을 설치했습니다. 그런데 bundle install 을 하고 다시 서버를 보았더니 LoadError: cannot load such file -- sass 이런 문구가 떳습니다. 당황하였지만, 여러 해결 방법을 찾아본 결과 예전 버전들에서는 없었던 오류가 rails 버전이 높은 것을 사용했더니 나더군요. 해결 방법 gem 'sass-rails' 해당 잼을 추가하고, bundle을 한 후 서버를 control + c 로 종료한 후 rails s 로 다시 켜봤습니다 잘 뜹니다! sass-rails 를 사용하니 오류가 있다던 파일이 잘 돌아갔습니다. 다른 파일을 수정할 것이 아.. 2022. 5. 19. 루비 온 레일즈 rails Gem 설치 다운로드 방법 오늘은 Gem 을 안전하게 다운받는 방법을 함께 포스팅을 할게요 일단 Gem을 왜 사용하느냐. 이 부분은 rails를 왜 사용하느냐 문제와도 정말 연관이 있습니다. Gem 을 사용하면 정말 말도 안되게 빠른 속도로 개발을 할 수 있거든요. rails 에는 1. 게시판 만들기 → Scaffolding 2. 페이지네이션 구현 → Kaminari 3. 이미지 업로드 구현 → Carrierwave 4. 회원가입,로그인 구현 → Devise 5. 회원 권한 구현 → CanCanCan 등등 가져와 설치만 하면 페이지와 기능, 라우팅등에 관련한 모든 코드들을 자동으로 작성해주고 가져와주거든요. rails를 사용하면 Gem 을 모르는것은 정말 음.. 좀 곤란해요. 일단 가장 많이 쓰이는 Gem 중 하나인 devise .. 2022. 5. 19. (해결) ActionController::InvalidAuthenticity Token 오류 Mysql2::Error: Field 'id' doesn't have a default value 오류 오류 내용 Ruby와 mysql을 연동하여 개발을 하던 도중, Authenticity Token def handle_unverified_request raise ActionController::InvalidAuthenticityToken end post 'reply/create/:post_id' => 'main#reply_create' 제가 하려던 코드는 절대 어려운 코드는 아닙니다. 코드의 내용은 그저 reply/create/1 과 같이 이러한 주소로 가 바로 create 를 하면 되는 것이었습니다. def handle_unverified_request raise ActionController::InvalidAuthenticityToken end 그런데 이러한 녀석을 만나게 된 것이었습니다. 해결 방법.. 2022. 5. 18. js 특정 문자 제거하기, js 특정 문자 전부 제거하기, js 문자열 숫자 변환, js 숫자 문자로 변환, js 몫 나머지 ㅎㅇ! 문자열 제거 코테 많은데 맨날 replace 로 하니까 하나만 삭제되어서 짜증이 났거나 js는 다른 언어와 다르게 나눗셈을 하면 ㄹㅇ로 소수점까지 간 결과가 나와서 짜증나서 검색하다가 찾아왔다면 잘 온겁니다. 아주 쉬운 방법으로 js 로 코테를 푸는 기본 팁 갑니다. 1. 특정 문자 제거 var str = "10011010"; // 문자 하나만 제거 : 0이라는 문자를 ''로 대체해라 (없애라) var replace_str = str.replace('0',''); // 특정 문자 기준으로 분리했다가 붙여라 (그 문자는 없애고 다시 이어라) var replaceAll_str = str.split('0').join('') /* replace 사용한 경우 : 1011010 분리 후 붙인 경우 : 111.. 2022. 3. 11. Angular 11 + firebase(firestore) 프로젝트 #04 - 데이터 CRUD - C addItem 구현해보기 이제까지 Read 기능에 대해서 알아보았다. 현재는 Collection 에 접근을 하는 것을 했는데 나중에 데이터가 깊어지면(하부로 쭉쭉 들어가게 되는 구조) 또 알아보자. ex) Collection/document/collection/document ... 이런 구조 나올 때. 일단 aaddItem 함수를 짜보자 서비스로 넣는게 맞다고 생각한다. 그러면 일단 ask.service.ts 파일을 가지고 작업을 한다 private collectionArray = {};// itemCollection 대신 사용할 변수 // 중간 내용 생략 getItem(db_name: string) { if(this.collectionArray[db_name]){ this.collectionArray[db_name] = nu.. 2020. 12. 14. Angular 11 + firebase(firestore) 프로젝트 #03 - 데이터 CRUD -2 기능별 관리하기 + 확인까지 이전편에서 일단 app.component.ts에서 모든 작업을 했었는데, 이러한 모든 기능들이 다 app.component에 몰려있으면 안되겟지 당연히. 모든 기능적인 함수가 main() 문에 다 때려박혀있는 지저분한 코드나 마찬가지이므로 일단은 분리를 해보자. 나는 기능별로 component로 나눠서 관리를 할 거야. 솔직한 마음으로는 이 1,2 편 작성하면서 이거 찾으려고 여기저기 다들 돌아다녔을게 뻔함...(경험) 이후 진행하다가 손쓸 수 없게 터지면 여기로 돌아오자. 초기 세팅한 코드들이라고 생각하면 됨 그럼 일단 component를 생성해야지. 이제 약자에 많이 익숙해짐ㅇㅇ cd src -> cd app 그냥 app폴더 밑에 만들으라는거고 비주얼스튜디오 내에서 내장 터미널 여는거 했었지 ⌃ + .. 2020. 12. 11. Angular 11 + firebase(firestore) 프로젝트 #02 - 데이터 CRUD(Read) -1 이전 자신이 만들어놓았던 Firestore 에 맞게 데이터 이름을 불러와야 한다. 지금 내가 하는거는 저 데이터를 바탕으로 할 것이다. 음 일단 난 저 user 이라는 콜렉선의 값을 가져오고싶어. 근데 그냥 가져오는건 이제 재미 없지. 좀 정렬을 넣어볼까? app.component.ts import { ArrayType } from '@angular/compiler'; import { Component } from '@angular/core'; import { AngularFirestore, AngularFirestoreCollection, CollectionReference } from '@angular/fire/firestore'; import { AngularFireStorage } from '@a.. 2020. 12. 11. Angular 11 + firebase(firestore) 프로젝트 #01 - firestore 연결 앞서 진행했던 내용들이 있는데 이거랑 상관 없으니까 쫄지 말고. 이 게시물만 봐도 Angular 최신 버전이랑 firebase 연동함. 처음 내용은 개념 다시 복습하고 넘어가는거임 일단 짚고 넘어가자 모듈 : 컴포넌트 관리. : 각종 정보(서비스, 일반 객체 등)를 제공. : 다른 사용자가 만든 모듈을 등록(import)하여 사용하기 위해서는 내가 만든 모듈에 등록. -> 기억 나지? imports: [] 안에 쓰면 자동으로 맨 위에 import {} from 추가 되던거 컴포넌트 (ng g c 컴포넌트이름) : 화면구성. : 화면에 대한 모든 기능을 담당. : 컴포넌트간의 데이터 - 컴포넌트에서 속성이나 Input 또는 Output같은 데코레이터 사용. : 컴포넌트간의 데이터 공유는 서비스를 통해 구독.. 2020. 12. 10. 프로그래머스 - K번째수 (배열의 분리 정렬) 정렬 알고리즘의 실습. 코딩 테스트를 준비하기에 프로그래머스가 가장 적합하다고 생각하여 프로그래머스에 있는 연습문제들을 풀어보려 한다. 이해하기 어렵지 않게, 익숙지 않은 라이브러리를 가져와 구현하는 방법은 최소화하려 한다. 기본에 충실해 최대한 이해를 하고 넘어가도록 설명을 하려 한다. 해당 문제는 프로그래머스의 K번째수 라는 연습문제입니다. ============================================================================ 문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 ar.. 2019. 12. 26. 한 번에 정리하는 정렬 알고리즘 이번 포스팅은 c++, Java, Python 등 프로그래밍 및 자료구조, 이산수학, 화일처리 등에서 배우는 정렬 알고리즘에 대해 다룰 것이다. 항상 정렬 알고리즘을 배우고, 직접 구현을 해도 항상 머리속에 남질 않는다. 코드로 아무리 봐도 머리속에 남지 않는 경우가 많아, 시각적인 애니메이션과 함께 설명을 하려 한다. 정렬 알고리즘은 한 번 정도는 확실하게 익히고 갈 필요성이 있다. 많은 정렬 알고리즘들이 존재하지만 이번 포스팅에선 가장 기본적인 5가지 정렬 알고리즘에 대해서 다룰 것이다. merge sort (합병 정렬) insertion sort (삽입 정렬) selection sort (선택 정렬) bubble sort (버블 정렬) quick sort (퀵 정렬) 1. merge sort (합병.. 2019. 12. 23. 이전 1 2 다음 반응형
