메로그

dependencies, devDependencies 차이 우리가 노드모듈을 설치하다보면, package.json 에 dependencies, devDependencies 를 접하게 될텐데, 이의 차이점을 알아보자. 생각보다 간단하다. 우리가 설치할 때, --save-dev, -D 같은 명령어를 붙여서 설치하면 devDependencies 로 설치되게 된다. 이는 개발할 때 개발용으로 사용할 라이브러리를 설치하는 것이고 배포시에는 포함되지 않는다. 동작과는 연관이 없는 모듈을 설치 해주면 되는 것이다. 사용하는 이유 사용하는 이유는 용량 때문이다. 우리가 배포시 필요없는 모듈도 같이 올라간다면 그만큼 용량도 커지고 리소스를 잡아먹게 된다. 불필요한 라이브러리를 포함시키지 않기 위해 사용하는 것이다.

TIL Today I Learned 의 약자로 내가 당일에 공부하게된 내용을 적는 것을 말합니다. 나 같은 경우에는, 공부한 내용을 정리하여 블로그 또는 개인 노트에 정리하는데, 그러다보니 생각보다 불필요한 시간이나, 관리가 소홀해지는 문제가 발생하였습니다. 그래서 이를 해결하기 위해 깃허브에 TIL 레파지토리를 만들어 하루하루 공부한 내용을 올리게 되었습니다. 최근에는 Vue 관련 프로젝트를 하면서 생긴 이슈, 간단한 문법의 경우 블로그에 일일히 정리해서 올리기보다는 한줄노트 형식으로 TIL 에 작성해보고 있습니다. 그러다보니 정리한 내용을 한 번 보면, 생각보다 하루 커밋된 내용이 간단하고 읽기 편해 총 정리된 내용은 블로그에 올리는 형식으로 해볼까~? 하고 둘 다 잘 사용할 수 있는 방법을 생각하고..

XSS(Cross Site Scripting) XSS 는 사용자가 웹페이지에 임의의 스크립트를 삽입하여 HTML 을 조작하는 방법을 말합니다. 예를 들어, innerHTML 을 사용하는 기능에서 사용자가 이라는 스크립트를 입력하면, script 가 실행되면서 alert 가 동작하는 것을 볼 수 있을 것이다. 이런 식으로 스크립트 코드를 입력했는데 스크립트 코드가 실행됨으로 쉽게 공격을 받을 수 있는 일이 생긴다. XSS 방지 스크립트 태그가 입력되지 않도록 입력값을 막아버리는 방법이 있지만, 입력에 대한 제한의 경우에는 불편함이나 경우의 수가 더 생길 수도 있다. 그렇기 때문에 XSS 를 치환해주는 필터링을 만들어 사용하거나 라이브러리를 참고하여 사용하는게 효과적인 방법이라고 생각한다. 라이브러리를 사용..

OOP (Object-oriented programming) 객체 지향 프로그래밍이라는 뜻으로 흔히들 우리가 알고 있는 자바가 객체 지향 언어이다. 자바스크립트 프레임워크 중 Angular 가 OOP 의 특성을 지니고 있다. (앵귤러의 주력 개발 언어로는 타입스크립트를 사용한다...) 캡슐화 관련 있는 객체, 함수를 그룹화 하는 방식을 말하며, 이를 이용하여 정보은닉을 할 수 있다. 정보은닉이란, 어떠한 정보를 외부에서 볼 수 없도록 보호화 하는 것으로써, 우리가 알고 있는 private 가 있다. 추상화 실제로 존재하는 어떠한 물건의 필요한 정보만을 표현하는 방법으로, 간단한 객체 인터페이스를 만들 수 있고 외부로의 유출, 변경이 되지 않는 장점이 있다. 상속 자식이 부모에게 물려받은 정보를 사용할 수..

mysql 설치 mac 에서 HomeBrew 를 이용하여 mysql 을 설치해보자. brew install mysql설치 후, brew list 를 입력하여 mysql 있는지 확인합니다. mysql 셋팅 및 실행 mysql 셋팅을 위해 서버를 실행시켜줍니다. mysql.server startSuccess! 가 나오면 성공적으로 실행된 것. mysql 설정을 위해 아래 명령어를 입력해줍니다. mysql_secure_installation아래와 같은 순서로 설정작업이 진행됩니다. 1. 비밀번호 복잡성 유무 - Y: 복잡하게, N: 단순하게 2. 비밀번호 설정 - 원하는 비밀번호를 설정해줍니다. 3. 사용자 설정 - Y: -u 사용, N: -u 사용 안함 4. 원격 접속 설정 - Y: 원격 접속 불가능, N:..

HomeBrew mac OS 전용 패키지 매니저 입니다. mac 에 필요한 툴 또는 무언가를 설치할 때 간단하게 설치할 수 있도록 도와줍니다. 아래 url 로 접속하여 가장 처음있는 설치하기 커맨드를 복사하여 터미널에 붙여넣기 해줍니다. https://brew.sh/index_ko 붙여넣기 후, 패스워드를 입력하라고 나온다면 맥북의 비밀번호를 입력해주시고 return 을 해주시면 됩니다. 오류 발생 M1 칩이 있는 맥북에서 다운로드시 다음과 같은 경고문이 나오는 것을 볼 수 있습니다. (/opt/homebrew/bin is not in your PATH) 그런 경우에는 커맨드에서 오류에 대한 정보를 공유해 줄 것입니다. Next Steps: => 로 해서 아래와 같이 나오는 것을 복사해서 실행시켜주면 됩..