우물 128번지

레일즈 through collection 오류

Fri, 11 May 2018 00:00:00 +0900

180202 오류

view

<div class="container">
  <%= simple_form_for @influencer do |f| %>
    <%= f.error_notification %>
    <div class="row">
      <div class="col-sm-6">
        <%= f.input :location %>
      </div>
      <div class="col-sm-6">
        <%= f.input :gender, as: :radio_buttons, collection: [['male', '1'], ['female', '2']]%>
      </div>
      <div class="col-sm-12">
        <%= f.input :image %>
      </div>
      <div class="col-sm-12">
        <%= f.input :description %>
      </div>
      <div class="col-sm-4">
        <!-- 원래는 이거다. -->
        <%= f.collection_check_boxes :language_ids, Language.all, :id, :name do |l| %>
          <%= l.check_box %>
          <%= l.label %> &nbsp;&nbsp;
        <% end %>
		<!-- 이부분 이 내가 암걸린 부분 강제로 만들었다. -->
        <% Language.all.each_with_index do |language,index| -%>
            <label for="influencer_influencer_languages_attributes_<%=index%>_language_id"><input type="checkbox" value="<%=language.id%>" name="influencer[influencer_languages_attributes][<%=index%>][language_id]" id="influencer_influencer_languages_attributes_<%=index%>_language_id"><%=language.name%></label>
        <% end %>

        <%= simple_fields_for :language_ids do |language| %>
          <%= f.association :influencer_languages ,collection: Language.all,:label_method => :name ,:value_method => :id%>
        <% end %>
      </div>
      <div class="col-sm-4">
        <%= f.input :category_ids, collection: Category.all%>
      </div>
      <div class="col-sm-4">
        <%= f.input :client_ids, collection: Client.all%>
      </div>
    </div>

    <div class="row buttons-row">
      <div class="col-md-6 col-sm-6">
        <%= f.submit "정보 입력", class: "btn btn-primary btn-block btn-round" %>
      </div>
    </div>
  <% end %>
</div>

controller

[...]
  def influencer_params
    params.require(:influencer).permit(:location, :description, :image, :gender, language_ids: [],influencer_languages_attributes: [:language_id])
  end
[...]

저기 language_ids로 위의 코드가 작동된다. attributes 코드는 뻘짓의 후예

아나콘다

Tue, 23 Jan 2018 00:00:00 +0900

anaconda

설치법

링크에서 다운로드로 가서 버전에 맞는 배포판을 설치하세요.

사용법

Anaconda Navigator를 클릭해서 사용하세요.

DeepLearning A-Z - 1

Tue, 23 Jan 2018 00:00:00 +0900

DeepLearning A-Z - 1

본 내용은 Udemy에 Deep Learning A-Z : HandsOn Artificial Neural Networks 인강을 보고 정리한 것입니다.

Artificial Neural Networks(인공신경망)

인공신경망의 직관적 개념
인공신경망의 구축 방법
단일 관찰 결과의 예측법
k-Fold Cross Validation을 사용하여 ANN의 성능을 평가하는 방법
how to tackle overfitting with Dropout
how to do some Parameter Tuning on your ANN to improve its performance

hwp 수식을 LaTex로(hml-equation-parser)

Sun, 03 Dec 2017 00:00:00 +0900

hwp 수식을 LaTex로(hml-equation-parser)

수학 수식을 처리하는 방법이 항상 문제였는데 오픈 소스로 해결했다.. 관련기사, github

일단 이 패키지 작업 흐름은

hwp 파일을 hml 형식으로 변환해서 저장하기
그 hml안의 수식을 LaTex화한 html 코드로 변환

이다.

작업 환경

Cloud9 blank

Installation

만약 E: Unable to locate package 이런 오류가 생길 수도 있으니 미리 update 시켜주자.링크

$ sudo apt-get update

그 다음 hml-equation-parser 패키지를 설치해야한다. 하지만 주의해야 할 점이 있는데

pandoc을 미리 설치해야 한다.
python3로 실행해야 한다.
typing이라는 파이썬 패키지를 미리 설치해야 한다.

$ sudo apt-get install pandoc
$ sudo pip3 install typing
$ sudo pip3 install hml_equation_parser

성공적으로 설치했는지 확인해보자!

$ python3
>>> import hml_equation_parser as hp
>>> hp.eq2latex("LEFT ⌊ a+b RIGHT ⌋")
'\\left \\lfloor a+b \\right \\rfloor'

이렇게 나온다면 성공!!

예제 코드를 실행해보자! hml 확장자를 가진 파일(ex. test.hml)을 준비하자.

test.py

import hml_equation_parser as hp

doc = hp.parseHmlSample("test.hml")  # parse hml document and make ElementTree

doc = hp.convertEquationSample(doc)  # find equations from ElementTree and convert them to latex string
string = hp.extract2HtmlStrSample(doc)  # convert ElementTree to html document with MathJax.

import codecs

f = codecs.open("test.html", "w", "utf8")
f.write(string)
f.close()

test.html이 생성되면 성공이다.

## 주의점

윈도우에서 안 된다. (코덱 인코딩 문제… 아직 해결 無)

not supported tag error가 있다.

not supported tag: SECDEF
not supported tag: COLDEF
not supported tag: TABLE
not supported tag: PICTURE

윈도우 서버 + ASP + Node.js

Sun, 03 Dec 2017 00:00:00 +0900

윈도우 서버 + ASP + Node.js

이번에 내가 수행해야 할 일은

기존의 ASP가 디플로이 되어있는 ‘‘windows server 2012 r2”서버에 내가 만든 node.js 프로젝트를 포팅. 이 node.js 프로젝트는 리눅스 버전의 한글 형태소 분석기인 (mecab)이 설치 되어 있음.(윈도우 버전으로 변환해야함) 추가적으로 watson API도 연동해야함(bluemix 연동)

그래서 개발 to-do-list를 정리해보니깐

윈도우 서버에 node.js 적용 (IIS node.js 적용)
mecab-ko 윈도우 버전 적용
watson api 적용
ASP 적용
기존 서버에 적용

이 중에서 첫 번째에 대한 내용이다.

1. windows server 2012 R2 한글 적용

일단 기존 윈도우 서버는 한글이어서 내 연습용 서버도 한글 메뉴로 변환해봤다. 이 작업은 링크로 대체한다.

2. IIS(Internet Information Sevices)

처음 써봤는데 윈도우 서버에서 사용하는 웹서버라 한다.(나중에 공부해야겠다.) 이 것을 설치해야하는데 방법은 간단하다. 이 작업도 링크로 대체한다.

3. iisnode

일단 윈도우 서버에 node.js 적용 방법은 iisnode를 설치해서 하는 방법이 있었다.(다른 방법이 있긴 하지만 아파치를 사용.. 상대적으로 어렵다고 함) 여기서 뻘짓을 많이 했는데 가장 적합한 링크는 이 것이었다. 뻘짓 리스트 중 하나는 setupsamples.bat 이라는 배치 파일을 통해 기존 예제를 적용하는데 저게 없는 iisnode 설치 버전이 많았다. 그리고 굳이 8.x 버전을 찾지 않아도 된다. 7.x버전도 잘 작동된다.

4. iisnode 오류

This configuration section cannot be used at this path. This happens when the section is locked at a parent level. Locking is either by default (overrideModeDefault="Deny"), or set explicitly by a location tag with overrideMode="Deny" or the legacy allowOverride="false".

사실 글을 쓰게 된 이유인데 이런 오류가 났다. 한참을 찾아봤는데 권한 문제였다. 한글 버전으로 IIS/ root(이름이 root는 아니다. 가장 최상단 폴더) / 기능 위임(Feature Delegation)으로 들어가서 처리기 매핑(handler mapping)을 입력/출력으로 변환한다. 몇몇개를 제외하고 작동한다.(express모듈은 노 작동…) 해결링크

rails & windwos on ubuntu errors

Sun, 03 Dec 2017 00:00:00 +0900

rails & windows on ubuntu errors

설치 과정의 힘듦은… 다른 글에서 다시 작업하겠습니다. 여기는 windows on ubuntu를 사용하면서 겪었던 뻘짓을 정리해보겠습니다.

mysql error

Mysql2::Error (Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (2)):

이런 에러가 수도 없이 많이 납니다.

해결 방법은 여러가지가 있는데 일단 윈도우에 있는 mysql을 종료해줘야 합니다. ~~저는 귀찮아서 아예 삭제했습니다.~~

그 이후에도 컴퓨터를 종료했다가 다시 작업을 하려고 하면 오류가 다시 납니다. 이 경우는 mysql을 start 해줘야 합니다.

sudo service mysql start

Js (import, require)

Thu, 05 Oct 2017 00:00:00 +0900

JS (import, require)

const React = require('react');
import React = 'react';

둘이 똑같다!

원노의 초보 mongoose 1

Tue, 03 Oct 2017 00:00:00 +0900

원노의 초보 Mongoose 1

이 글은 다시 쓰여질 겁니다.

npm install mongoose

node.js 문서를 작성하겠습니다.

[...]
//모듈 불러오기
var mongoose = require('mongoose');
//몽구스 모듈에 몽고 디비 서버 연결
mongoose.connect('mongodb://localhost/test_db');
//커넥션 객체 생성
var db = mongoose.connection;
//db bind 하기
db.on('error',console.error);
db.once('open', () => {console.log('connected to mongodb server')});
[...]

localhost/뒤의 test_db는 데이터베이스 명입니다. MongoDB는 데이터베이스를 따로 생성하지 않았어도 자동으로 db를 생성해줍니다.

() => {}은 화살표 함수 표현(arrow function expression) 익명으로 만들어지는 함수입니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적당합니다. 참고

Node.js 패키지 관리

Sat, 16 Sep 2017 00:00:00 +0900

node.js 모듈 관리

package.json 만들기
```
npm init
```
package.json에 모듈 추가하기
```
npm install body-parser --save
```
--save 붙이기 ~~상위 버전 node는 –save를 안 붙여도 된다고 합니다.~~
모듈 제거하기
```
npm uninstall express
```
모듈 리스트 확인하기
```
npm list
```
package.json 최신버전으로 자동 작성하기
```
npm update --save
```
package.json에 종속된 모듈설치하기
```
npm install
```
package.json 최신버전으로 자동 작성하기
```
npm update --save
```

node.js 모듈 찾기

공식사이트 비공식사이트1

Css Dim 처리

Tue, 29 Aug 2017 00:00:00 +0900

css dim 처리

내가 하려고 한 것은 배경사진과 글자가 있을 때 배경 사진을 dim 처리하고 싶었다. 일반적으로 사용하는 방법은 opacity를 추가해서 투명도를 주는 방법인데.. 음 검정색을 위에 깔고 딤처리를 하고 싶었기 때문에 다른 방법을 생각해보았다.

before 속성을 사용해서 dim 처리

css 속성에서는 가상 요소로 :before와 :after가 있다. 두 선택자는 요소에 내용을 생성하는 역할을 하는데 특정 요소의 before나 after에 가상의 요소를 추가할 수 있다.

그래서 배경화면이 있는 부분에 …. (생략)