웹쟁이의 일상

Windows 환경에서는 putty를 이용해서 간단하게 ssh 키를 생성할 수 있습니다. Mac에서는 보통 터미널을 이용해 키를 생성해 주는데 키 생성 방법을 알아보겠습니다. ssh-keygen -b 2048 -t rsa 터미널을 열고 위 명령어를 실행합니다. 명령어를 실행하고 엔터를 총 세번 누르면 키가 생성되는데, 아무것도 입력하지 않고 엔터만 세번 누르셔도 됩니다. 맨 처음 입력란에서는 키 파일의 파일명을 설정하는데, 아무것도 입력하지 않으면 id_rsa라는 이름으로 생성이 됩니다. 두번째, 세번째 입력란은 비밀번호 입력란입니다. 아무것도 입력하지 않으면 비밀번호가 생성되지 않습니다. ls -l id_rsa* 모두 끝나셨다면 위의 명령어를 실행시켜 id_rsa, id_rsa.pub 파일이 생성되었는..

오랜만에 블로그 글을 작성하게 되었습니다. 회사 일이 바쁘다는 핑계로, 육아를 해야 한다는 핑계로 방치해둔 블로그를 새로운 마음가짐으로 다시 작성해보겠습니다. 회사에서는 윈도우 환경에서 개발을 하지만 개인적으로는 맥(m1)을 사용한 지 꽤 됐는데요, 이제는 맥 환경 위주로 글을 작성할 예정입니다. 거두절미하고 맥OS에서 Jdk 설치 및 환경변수 설정하는 방법을 알아보겠습니다. Jdk 설치를 하기 전 알아야 할 사항은 오라클에서 제공하는 OracleJdk와 오픈소스로 제공되는 OpenJdk가 있다는 것입니다. 둘의 차이점은 말하다 보면 내용이 길어지니 나중에 따로 포스팅을 하겠습니다. 일단 설치 루트는 크게 3가지로 준비해 보았습니다. 1. 오라클에서 OracleJdk를 다운로드 2. 오픈소스 사이트에서 ..

안녕하세요~ 오늘은 비주얼 스튜디오 코드 설치방법을 알아보겠습니다. VsCode라고 불리는 비주얼 스튜디오 코드는 마이크로소프트에서 윈도우, macOS, 리눅스용으로 개발한 IDE인데요, 다양한 언어를 지원하며 각종 편리한 기능들을 제공합니다. 무엇보다 여타 다른 IDE(이클립스, Visual Studio)와 비교하면 아주 가볍다는 장점이 있습니다. VsCode를 설치하는 방법은 아주 간단합니다. 공식 사이트에 들어가서 운영체제에 맞는 버전을 다운로드 하고 설치하면 끝인데요, 우선 공식 사이트에 방문하겠습니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code edit..

안녕하세요~ 오늘은 NoSQL의 종류에 대해서 알아보는 시간을 가져보겠습니다. NoSQL이란 "Non Relational Operation Database SQL"의 약어로 굳이 해석을 해 보자면 관계형 데이터베이스가 아닌 SQL이라고 할 수 있습니다. 하지만 기능상으로는 관계형 데이터베이스 뿐만 아닌 SQL 이라고 하는 것이 더 가까운 해석이라고 봅니다. 보통 관계형 데이터베이스에서는 데이터의 무결성을 보장하기 위해 정규화를 해야만 하는데, 이러한 정규화가 데이터베이스의 성능 저하로 이어질 수 있기 때문에 NoSQL의 필요성이 대두되었습니다. [Database] - [database] 관계형 DB와 비관계형 DB의 차이점 [database] 관계형 DB와 비관계형 DB의 차이점 안녕하세요~ 오늘은 관계..

안녕하세요! 오늘은 JQuery를 이용한 요소 선택법에 대해 알아보겠습니다. 먼저 요소 선택을 할 샘플 테이블을 하나 만들어 보겠습니다. 굳이 테이블이 아니더라도 부모자식형제간의 관계가 있는 html코드면 무엇이든 가능합니다. 축구 농구 야구 손흥민 조던 류현진 메시 코비 커쇼 강두 하승진 김원중 버튼 테이블과 이벤트를 적용시킬 버튼을 하나 만들어 주었습니다. 부모 선택 1) .parent() $(function () { $("#btn").on("click", function () { $("#thief").parent().css({ "background-color": "red" }); }); }); 위의 스크립트를 작성해 주고 버튼을 누르면 thief라는 아이디를 가진 요소, 바로 상위tr의 css가 바..

안녕하세요~ 이번 포스팅에서는 자바스크립트로 날짜를 표현하는 방법에 대해 알아보겠습니다. 자바스크립트 함수 중에 날짜를 표현할 수 있는 Date() 함수를 이용하면 날짜를 쉽게 출력할 수 있습니다. var date = new Date(); var year = date.getFullYear(); var month = date.getMonth(); var day = date.getDate(); Date함수를 이용하면 실시간으로 현재 날짜와 시간을 변수에 담을 수 있습니다. 날짜 정보 전체를 담아와서 년도, 월, 일을 따로따로 다른 변수에 담아보았습니다. console.log(year); console.log(month); console.log(day); 각각 출력을 해보면 현재 년도와 월, 일이 차례로 나옵..

안녕하세요~ 오늘은 정규표현식에 대해 알아보겠습니다. 정규표현식은 어떤 특정한 규칙을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어라고 합니다. 정규표현식은 처음 보시면 이게 무슨 외계어야 라며 아주 어렵게 느끼실 수 있는데요, 잘 쓰면 아주 유용하게 여기저기 쓸 수 있어서 편리합니다. 아래 표를 보시면 기본적인 정규표현식의 문법을 알아볼 수 있습니다. 메타문자 기능 설명 . 문자 1개의 문자와 일치한다. 단일행 모드에서는 새줄 문자를 제외한다. [ ] 문자 클래스 "["과 "]" 사이의 문자 중 하나를 선택한다. "¦"를 여러 개 쓴 것과 같은 의미이다. 예를 들면 [abc]d는 ad, bd, cd를 뜻한다. 또한, "-" 기호와 함께 쓰면 범위를 지정할 수 있다. "[a-z]"는 a부터 z까..

안녕하세요~ 오늘은 제가 다녔던 국비지원 학원 후기를 써볼까 합니다. 제가 다녔던 학원은 KG아이티뱅크인데요, 절대 학원에서 돈을 받고 쓰는 이야기가 아닌 리얼후기입니다. 6개월간 자바기반 웹 개발자 양성 과정을 국비로 듣고 경험했던 이야기를 상세하게 들려드리겠습니다. 사실 저는 2017년에 수료를 했지만, 약 2년이 지난 후 실무에서의 경험을 조금 쌓은 후에 되돌아보니 어떤 점이 좋았고, 어떤 점이 나빴으며, 이렇게 했으면 더 좋았겠다 라던지 생각이 들었습니다. 저는 비전공자 출신에 학원에 다니기 전까지는 컴퓨터 관련 지식이 아예 전무했습니다. 그렇기에 완전 기초부터 배울 수 있는 강의를 선택하게 되었습니다. 사실 처음에는 웹 개발 과정인지도 모르고 막연하게 '어플을 만들어 보고 싶다' 라는 생각으로 ..