Coding/Etc120 React.js SCSS 적용하는 방법 CSS는 참 애매한 존재이다.보통 CSS로 스타일링을 하게 되면 코드가 상당히 길어지는 경우가 생기는데,이럴 경우 SASS 또는 SCSS등을 통해 해결할 수 있다.나같은 경우에는 현재 리액트를 통해 작업하고 있는데 SASS를 사용하고 있다.순수 CSS를 사용하는 것보다 훨씬 높은 생산성과 가독성을 줄 수 있으니 반드시 사용하길 권장한다.먼저 아래의 명령어로 리액트 프로젝트를 생성한다. create-react-app test 다음으로 생성한 폴더로 들어가서 아래의 명령어를 입력하여 node-sass를 설치한다. yarn add node-sass 설치를 하고 package.json파일을 열어보면, 위처럼 dependencies부분에 node-sass가 추가된걸 볼 수 있다.추가적으로 gem을 통해 sass를.. 2018. 8. 16. Sequelize.js Incorrect table definition; there can be only one auto column and it must bedefined as a key 오류해결 Sequelize.js로 모델을 정의하고 생성해주려 하는데 다음과 같은 오류가 발생했다. Unhandled rejection SequelizeDatabaseError: Incorrect table definition; there can be only one auto column and it must bedefined as a key 먼저 내가 시도했던건 아래와 같다. export const User = sequelize.define('user', { no: { type: Sequelize.INTEGER, autoIncrement: true }, userid: { type: Sequelize.STRING, allowNull: false, primaryKey: true, }, userpw: { type: S.. 2018. 7. 18. Node.js Express Json Beautifier 요즘은 Node.js에 관심이 많다.예전에 React.js와 React-Native로 토이 프로젝트들을 많이 진행했었다.뭔가 스택의 통일성이랄까. 같은 언어로 프론트/백을 할수 있다는 점이 마음에 들었고좀 더 깊이 이해할 수 있을것 같았다.튼 요즘은 대부분 API서버를 구축하고 있다.만들면서 장고가 살~짝 그리워졌던 점이 하나 있는데 바로 시각적인 문제였다.장고는 Rest framework를 사용하면 어드민 패널 등 사용자가 보는 모든 View를 기본적으로 이쁘게 꾸며줬다.그래서 데이터값들이 제대로 표현되고 있는지 확인하기도 쉬웠다.하지만 Node.js에는 당연히 그런 부분이 없다. 그래서 관련 자료를 찾아봤다.나는 현재 Express를 위에 올려서 사용하고 있는데, express json beautif.. 2018. 7. 18. Sequelize.js 로 게시글-댓글 API 설계 방법 현재 Node.js로 API서버를 구축하고 있는데 통신하는 모듈로 Sequelize.js를 이용하고 있다. Django Rest framework를 사용할때는 또 그것만의 ORM문법을 배워서 사용했는데, 이젠 또 다시 문법을 공부해야한다. 심지어 document도 중구난방이라 배우기가 쉽진 않았다고 생각한다. 먼저 환경은 Node.js + Express + MySQL이다. 관계형 데이터베이스를 사용하고 있으므로 Sequelize의 Association 부분을 잘 살펴봐야 한다. 먼저 테이블의 구조는 다음과 같다. [article]- no(PK)- subject- content- created_at- updated_at [comment]- no(PK)- content- created_at- updated_.. 2018. 7. 18. Sequelize.js Association belongsToMany 정리 Belongs-To-Many associationsBelongsToMany는 source를 여러개의 target에 연결할 때 사용한다. 게다가 target또한 여러개의 source에 연결될 수 있다.Project.belongsToMany(User, {through: 'UserProject'}); User.belongsToMany(Project, {through: 'UserProject'}); 위 코드는 projectId와 userId라는 외래키를 포함하고 있는 UserProject라는 새로운 모델을 생성할 것이다. 속성이 카멜케이스가 될지, 아닐지는 두개의 모델이 조인했을때에 따라 다르다. (이 경우에는 User와 Project)추가적으로, through 를 무조건 정의해줘야 한다.(예전에는 Sequel.. 2018. 7. 16. Sequelize.js Association OneToMany(hasMany) 정리 이제 OneToMany(hasMany) 차례이다.http://docs.sequelizejs.com/manual/tutorial/associations.html에서 OneToMany() 부분을 번역했다. One-To-Many associations (hasMany)One-To-Many는 하나의 source에서 여러개의 target에 연결되어 있는 형태를 말한다. target들은 정확히 하나의 source에 연결되어있다.const User = sequelize.define('user', {/* ... */}) const Project = sequelize.define('project', {/* ... */}) // 먼저 hasMany 를 정의한다. Project.hasMany(User, {as: 'Worke.. 2018. 7. 16. 이전 1 2 3 4 5 ··· 20 다음
