dev_or_alive

JS를 공부하기에 앞서, 일단 실행할 환경을 먼저 구성해야합니다.코드를 작성하였다고 하더라도 실제 결과물을 볼 수 없다면 코드가 정상적으로 실행되는지 알 길이 없습니다.웹 개발환경 구축이 아닌 JS코드를 실행하는 방법을 알아보는 시간이므로, 간단히 실행할 수 있는 환경부터 Node.js를 설치하여 실행 환경을 설정하는 방법도 알아보겠습니다. 각 방법별로 간단히 “Hello World”를 출력하는 실습을 해보겠습니다.1. HTML파일에서 실행하기이 방법은 HTML파일내에 JS 코드를 작성하고 index.html을 브라우저에서 열어 확인하는 방법입니다. 1. 원하는 폴더에 index.html 파일을 생성합니다.2. 아래의 코드를 입력합니다. (메모장,notepad, vscode 등 text editor를 이..

JavaScript(JS)는 웹 개발에서 가장 널리 사용되는 프로그래밍 언어로 동적인 웹 페이지를 만들기 위해 빠져서는 안될 요소입니다.HTML로는 뼈대를 구성하고 CSS를 이용하여 외관을 꾸며주며 Javascript를 이용하여 동적인 페이지를 만들 수 있습니다.Javascript가 없었더라도 웹 페이지를 구성할 수는 있지만,사용자에 의해서 동적으로 동작하는 웹이 아닌 단지 문서나 책을 읽는다는 느낌의 웹 페이지만 구성할 수 있었을 것입니다.역사초창기에는 ‘Mocha’와 ‘LiveScript’라는 이름으로 불렸지만 얼마 후 Javascript라는 이름으로 개명 후 현재까지 이어지고 있습니다.이제 막 개발에 입문하였거나 비개발자의 경우 Java와 Javascript를 혼동하는 경우가 있는데이름만 비슷할 뿐..

개발을 하다보면 테스트의 중요성에 대해서 참 많이 듣게 됩니다. 다른 선임 개발자들이나 개발 관련 서적, 블로그, 개발 관련 커뮤니티 등 여러곳에서요.  하지만 막상 실무에서 사용하려 보면 여러가지 테스트 방식에 대해서나.. 사용하려는 툴이나.. 뭐 복잡한게 많기 때문에 일단 일정에 맞춰야하니 무식하게 엉덩이 붙이고 노가다로 테스트를 진행하기 일쑤입니다. 이런식으로 테스트를 하다보니 회귀 테스트가 필요할 때는 며칠전에 했던 수백개의 테스트 케이스를 또 돌려보고.. 며칠 뒤에 또 돌려보고.. 사실 정말 불필요하게 테스트를 하는 것이라고 생각하지만 막상 일이 닥치면 가장 빠르고 무식한 방법을 택하게 되는... 😂이러한 문제점을 해결하기 위해서 늦게나마 테스트에 대해서 공부를 해보려합니다. 오늘은 간단히 테..

개요 개발을 하며 내가 제작한 웹 애플리케이션을 남들이 이용하게끔 배포하거나 API서버를 배포해서 테스트 해야 하는 경우가 있습니다. 로컬 컴퓨터에 웹 서버를 설치하고 포트 포워딩을 통해 로컬 웹서버에 접근이 가능하게 해 줄 수 있지만 여러 가지 설정과 로컬 컴퓨터의 웹서버를 항상 실행시키고 있어야 한다는 문제점이 있었습니다. 이를 해결하기 위해 클라우드 컴퓨팅 서비스를 이용하여 클라우드 서버에 배포를 하여 테스트하는 경우가 많았습니다. 배포 할배포할 플랫폼을 찾으며 IaaS/PaaS/SaaS 등의 용어를 접했지만 당장 최대한 편하게 배포할 수 있는 플랫폼만 찾고 해당 용어들이 무얼 뜻하는지 상관없이 사용하기만 했습니다. 그러다보니 새로운 플랫폼을 찾을 때 이 플랫폼에서 어떤 서비스를 제공하는지 직관적으..

개요 웹 페이지 작업을 하다 보면 svg파일을 이용하여 로고나 아이콘을 표현할 때가 있습니다. 사용을 하면서도 로고나 아이콘은 주로 svg파일을 이용한다고는 알고있지만, jpg/jepg/png등을 왜 사용하지 않는지에 대해서는 크게 생각해 보지 않았습니다. 마침 개인 프로젝트를 진행중 SVG를 이용할 일이 있어 왜 SVG를 이용하는지, 어디에 사용해야 유리할지 마지막으로 웹에서 SVG를 어떻게 적용하는지에 정리해보려 합니다. SVG란? (Scalable Vector Graphics) SVG는 XML 기반의 벡터 이미지 포맷으로 크기 조정이 자유롭다는 특징을 가지고 있습니다. 픽셀을 이용한 래스터 파일과 달리 확대하거나 축소해도 이미지의 품질이 저하되지 않습니다. 이는 SVG가 픽셀이 아닌 수학적 방정식으..

- 개요 - 경로 생성하기 - 파일만들기 & 에디터 들어가기 - 실행 개요 프로그래밍의 시작은 Hello World부터.. 쉘 스크립트를 이용하여 실행하면 터미널에 "Hello World"를 출력하는 스크립트를 작성해보았다. 경로 생성 쉘 스크립트를 작성할 별도의 폴더를 워크스페이스 하위에 linux라는 이름으로 만들었다. mkdir linux 파일만들기 & 에디터 들어가기 vi hello.sh 실행 chmod 775 hello.sh ./hello.sh # or sh hello.sh chmod 명령어는 파일의 읽기, 쓰기, 실행 등의 권한을 변경하는 명령어인데, ./hello.sh 와 같이 실행하려면 권한 변경이 필요하다. 권한을 변경하지 않고 실행하면 아래와 같은 경고문구가 표출된다. zsh: perm..

- 개요 - 쉘스크립트란 - 활용 사례 - 작성 시 주의점 개요 Mac을 구입하기 전 꼭 공부해보고 싶었던 것 중 하나가 Shell Script였다. Front-End 개발자로 일하면서 굳이 Linux나 Shell Script를 공부할 필요가 있을까 라는 생각을 했었는데, 연차가 쌓이다 보니 특정 업무를 자동화하거나 , 배포할 때 사용해야 하는 일이 잦아졌다. 지금까지는 선배 개발자님들의 도움을 받아 어찌어찌 넘어갔지만, 이젠 후배 개발자에서 선배 개발자가 되어가는 입장으로서 전문가처럼은 아니더라도 필요한 순간에 인터넷을 찾아가며 작성 할 수 있을 정도의 지식은 가지고 있어야 한다 생각되어 정리를 시작해보려한다. 쉘 스크립트? Unix, 리눅스와 같은 유닉스 계열 운영체제에서 사용하는 스크립트 언어이다...

개요 최근 Mac을 구입하였다. Mac을 구매하면 해보고 싶었던 것 중 하나가 Linux에 관련하여 공부를 해보는 것이었다. 깊게 공부한다기보다는 대략적인 개념과 명령어, Shell Script 등을 실습해 보고 정리하는 위주로 알아보려 한다. 리눅스 UNIX 운영체제 기반으로 개발된 오픈소스 운영체제이다. 기존의 유닉스는 높은 성능의 하드웨어를 기반으로 설계되었지만 리눅스는 커널 및 명령어 체계를 변경하여 일반인들이 사용하기 쉽게 하였다. 여러 개의 커널, 유닐리티, 시스템도구, 라이브러리 등을 포함하고 있으며 다양한 하드웨어 플랫폼에서 동작할 수 있다. 특징 오픈소스 오픈소스 운영체제로서 누구든지 소스코드를 볼 수 있고, 수정이 가능하다. 이를 통해 누구나 개발에 참여하거나 자신의 운영체제를 만들 수..