입문 Sass(SCSS), 그리고 작성 방법론 BEM Sass(SCSS) Sass를 알아가기 전에 잡썰 잠깐 풀어 보겠습니다. 마이크로 프로젝트에 CSS를 작성하는 건 그리 어려운 일도 아닐뿐더러 딱히 Less, Sass 등의 전처리기를 고려할 필요도 없을 것입니다. 하지만 추후 서비스가 확장되거나 규모가 큰 협업 프로젝트에서 CSS 코드가 기하급수적으로 늘어나는 상황이라면.. 변경/추가 사항이 생기거나 디자인이 바뀔 경우, 상당한 단순노동의 수고를 해야 하거나 디버깅이 어려운 CSS의 늪에 빠지게 되고 결국 중복된 오버라이딩과 !important를 남발하게 됩니다. Sass는 이러한 문제를 해결해 줄까요? 두말 하면 잔소리, 충분히 가려운 부분을 긁어줄 수 있을 뿐만 아니라 더 재미있는 코딩생활 가능! 장점 CSS의 재활용성을 높여줍니다. 코드의 계층과 .. 더보기 Nuxt(Vue-Cli, Sass)설치와 Gitlab 연결 어쩌다보니 Vue 환경에서 개발새발스런 마크업을 해야하는 상황 React보다 러닝커브가 낮다고 하는 Vue지만 이마저도 편하게 쓰고자 프레임워크 출현 'NUXT' 첫 단계는 늘 변화무쌍한 개발 환경 설치 시행착오와 경험을 기억하기 위한 메모 스따뜨! 참고로 나의 설치 환경 - 윈도우즈 10, VScode Terminal - Node 버전 v10.15.3 1. Vue-Cli 설치 > npm install -g vue-cli 2. Nuxt App 프로젝트 만들기 패키지 매니저로 npm이 아닌 yarn을 쓰자면 yarn 이 설치되어 있어여 한다. (npm install -g yarn) > npx create-nuxt-app [my_작업폴더명] 구성하고자 하는 환경에 대해 답변을 하고 생성된 폴더로 이동 후, .. 더보기 Laravel - DB 마이그레이션 (table 버전관리) 테이블 버전 관리artisan CLI로 마이그레이션 만들기$ php artisan make:migration create_posts_table $ php artisan make:migration create_authors_tabledatabase/migrations 폴더에 마이그레이션 파일 생성 해당 마이그레이션 파일에 실행과 롤백 코드 작성class CreatePostsTable extends Migration { public function up() { Schema::create('posts', function($table) { $table->increments('id'); // id INT AUTO_INCREMENT PRIMARY KEY $table->string('title', 100); // t.. 더보기 Laravel - DB 쿼리 Facade & Eloquent ORM 발췌요약 직접 쿼리$php artisan tinker >>> DB::select('select * from posts'); 라라벨은 PDO를 이용하기 때문에 아래 처럼 데이터 바인딩 처리가 필요 >>> DB::insert('insert into posts(title, body) values(?, ?)', ['Second Title', 'Second Body']); Collection(=row)이 아닌 하나의 Instance(field)만 가져올 때 >>> $post = DB::selectOne('select * from posts where id = ?', [1]); => {#689 +"id": 1, +"title": "라라벨", +"body": "라라벨 기억하기", } >>> $post->title; // fi.. 더보기 [iOS] EPUB text-align:justify 문제와 최선 EPUB (디지털책자) 플젝에 참여하면서 우여곡절이 참 많네요. 긴 공백 끝에 빠듯한 일정으로 처음 작업해야만 하는 디지털책자 툴이 추출해 준 모든 absolute 텍스트들.... 배경이미지에 맞춰 좌표를 잡아주는 억지스러운 작업은 멘붕 그 자체였고 아직도 진행형이라는 건 함은정. 더우기 고객사는 출판물과 같은 오와 열을 기대하는 각. 각설하고.. 타겟 디바이스는 ie 기반의 뷰어와 갤탭, 아이패드까지 대처해야 했는데 진행 중 발생된 트러블 중 한가지를 블로그에 남겨 기억하려 합니다. Trouble 오와 열을 위해 적용한 text-align: justify; 속성 iPad 에선 좌,우 정렬은 되지만 문장내 단어와 단어 사이 띄어쓰기 공백이 너무 벌어지는 문제가 있더군요. 문제 해결을 위해 구글링을 해보면.. 더보기 이전 1 2 3 4 5 다음
