JNarin Development Story

어느 블로그를 가다 보면 간간하게 볼 수 있는 생략의 닷 3개(...) 현재 필자의 블로그 메인 홈페이지를 보시면 볼 수 있는 저 점 세 개가 CSS의 단 2줄로 코드를 작성할 수 있다고 한다. 이전에는 이걸 어떻게 만드는지 몰랐다가, 최근 프로젝트에서 쓰이게 되어서 적용도 해보고 다시 개인 프로젝트에 작업을 해보고 있다. 먼저 간략하게 ellipsis의 뜻이 무엇인지 찾아보았다. ellipsis는 생략이라는 뜻을 가지고 있다. 이렇게 검색해보니 검색 방법을 알게 되는 것 같다. 그럼 바로 프로젝트에 한번 적용해보려고 한다. 네모로 감싼 것의 태그로 감싼 것이며, 일정 공간을 넘어서면 자동으로 줄 바꿈이 되는 것을 볼 수 있다. 먼저, 저 줄 바꿈을 없애준다. p{ white-space: nowrap; ..

학원에서는 배워본 경험은 없지만, 무료로 사이트 배포를 할 수 있는 사이트가 있다고 하길래 시도를 해보려고 한다. 그러한 과정을 오늘도 이 글을 통해 전달해보려고 한다. Heroku? Heroku는 Java, Node.js, Python 등 여러 언어를 지원하는 클라우드 Pass이다. 여기서 PaaS란? 서비스형 플랫폼(Platform as a Service, PaaS)은 클라우드 컴퓨팅 서비스 분류 중 하나다. 실제로 배포해보자! 1. 먼저 Heroku 가입 및 로그인을 한다. 필요한 정보들을 입력하고 CREATE FREE ACCOUNT 하게 되면 이메일 인증을 하라는 안내문이 뜬다. 해당하는 이메일에서 링크를 타고 들어가면 비밀번호 입력이 가능해진다. 2. Create a new app으로 배포를 하..

오늘은 React수업 중 SSH에 대한 내용을 수업을 듣고 이해한 내용과 추가적으로 검색을 통하여 습득한 내용을 가지고 정리를 해보려고 한다. React Boiler-plate하면서 안전한 통신을 위해서는 SSH KEY를 만들어야 한다고 한다. 여기서 SSH는 시큐어 셸(Secure Shell)이라고 한다. SSH는 네트워크 상의 다른 컴퓨터에 로그인하거나 원격 시스템에서 명령을 실행하고 다른 시스템으로 파일을 복사해줄 수 있도록 해주는 응용 프로그램 또는 그 프로토콜을 가리킨다. 그러기 위해서는 먼저 내 컴퓨터에 SSH KEY가 있는지 먼저 확인을 한다. ls -a ~/.ssh 위 명령어로 먼저 확인하면 필자와 같이 cannot access라는 답변이 돌아올 것이다. 구글에 generating git ..

회사 프로젝트를 하면서 CSS에 대한 코드가 제각각인 것을 보았다. 그래서 이러한 원인보단 규칙이 정리가 되어 있는 것 같아 다시 기억을 상기시키기 위해 정리하게 되었다. Coding Convention 해당 언어로 작성된 프로그램의 각 측면에 대한 프로그래밍 스타일, 관행 및 방법을 권장하는 특정 프로그래밍 언어에 대한 일련의 지침이다. 규칙에 대한 예시로는 들여 쓰기, 주석, 선언, 공백 등 다양하게 사용될 수 있다. 즉, 코드상으로는 prettierrc를 정의하는 그것과 같다고 볼 수 있다. (prettierrc는 다른 운영체제라 하더라도 동일한 코드 규칙을 정리한 것이라 할 수 있다.) 회사마다 코딩 컨벤션은 다양하다. 1) 구글 코딩 컨벤션 알파벳 순으로 지정한다. 2) 네이버 코딩 컨벤션 순서..