분류 전체보기
[인터넷 보안] 인터넷 보안이란?
[인터넷 보안] 인터넷 보안이란?
2019.12.11들어가며 인터넷은 모두가 서로서로 연결되어 있는 인터넷은 천국이자 지옥이다. 가장 이상적인 인터넷은 과연 어떤 모습일까? 초기에 인터넷이 발명되어 인터넷은 단지 연구 커뮤니티를 위한 도구에 불과했다. 따라서 믿을만한 사람들만 사용했기 때문에, 신뢰와 보안에 대한 개념이 고려되지 않았다. 초기의 컨셉에 맞게 이상적으로 발전했다면 인터넷은 모든 사람들이 연결되어 있는 네트워크를 형성했을 것이다. 하지만, 이 발명품이 돈이 되면서 이를 악의적으로 이용하는 상황이 생기게 되고 이 과정에서 인터넷 보안에 대한 논의가 시작되었다. 보안? 가장 포괄적인 개념인 컴퓨터 보안부터 알아보자 컴퓨터 보안 컴퓨터 보안이란 자신의 정보를 지키는 것으로 개인이나 기관이 사용하는 컴퓨터와 관련된 모든 것을 안전하게 보호하는 것으로..
2019 네이버 캠퍼스 핵데이 써머 참가부터 채용까지의 여정 👨💻
2019 네이버 캠퍼스 핵데이 써머 참가부터 채용까지의 여정 👨💻
2019.12.102019 NAVER CAMPUS HACKDAY SUMMER에 대한 후기글입니다. 👋 들어가며 올해 초, 복학을 하니 4학년으로 학교롤 다니게 되어 갑자기 취업전에 뛰어들게 된 나는 진로에 대한 고민이 많았다. 웹 프론트 엔드를 지향했지만, 내가 어느정도의 실력인지 몰랐고, 그 때는 경험이라고 생각하며 일단 내가 지원할 수 있는 모든 것은 다 지원했다. 프로그래머스를 통해 스타트업 면접도 보고, 각종 카카오톡 블라인드채용이나 배민의 우아한테크코스등에도 지원했다. 물론 다 떨어지고, 대부분은 코딩테스트에서 입구컷당하기일수였다. 그리고 좌절에 빠져있던, 그 즈음에 노마드코더 베트남 해커하우스에 같이 참여했던 민혁님의 권유로 지원했던 것이 바로 2019 네이버 캠퍼스 핵데이이다. 🤷♂️ 네이버 캠퍼스 핵데이란..
[HTML] HTML DOM(Document Object Model)
[HTML] HTML DOM(Document Object Model)
2019.11.27HTML DOM(Document Object Model)이란? DOM은 W3C(World Wide Web Consortium) 표준으로 DOM은 문서를 접근하기 위한 표준을 정의합니다. W3C DOM은 프로그램들과 스크립트들이 콘텐츠나 구조, 문서의 스타일에 동적으로 접근하고 수정하기 위한 플렛폼이자 언어 중립적 인터페이스입니다. W3C DOM 표준은 3개로 나뉘어져 있습니다. Core DOM - 모든 문서 종류에 대한 표준 모델 XML DOM - XML 문서에 대한 표준 모델 HTML DOM - HTML 문서에 대한 표준 모델 DOM은 문서의 구조화된 표현 제공을 통해, 프로그래밍 언어가 DOM구조에 접근할 수 있는 방법을 제공하여 그들의 문서 구조 및 스타일이나 내용등을 변경할 수 있게 합니다. 우리..
[JavaScript] 클로저(Closure)
[JavaScript] 클로저(Closure)
2019.11.24정의 함수와 그 함수가 정의된 렉시컬 환경의 조합이다. 렉시컬 환경? 렉시컬 환경의 의미는 어휘적 범위를 정해주는 렉시컬 스코프를 통해 지정된 사용 가능한 변수들을 포함한 환경을 의미한다. 즉 렉시컬 스코프 안에 있는 변수들을 접근할 수 있는 환경이다. 사용 예시 예시 1 일반적으로 클로져는 함수안의 함수 형태로 정의된다. let obj = function(){ let i = 0; return { setI(k){ i = k; }, getI(){ return i; } } // 호출시 얻는 함수들이 외부 함수의 변수인 i에 대한 메모리를 가지고 있는다. } let x = obj(); x.setI(2); console.log(x.getI()); // 2 x.setI(4); console.log(x.getI()..
19.11.17
19.11.17
2019.11.17
나만의 보석함 만들기
나만의 보석함 만들기
2019.10.24특이한 걸 만드는 걸 좋아하는 성격이라 가만히 있다가 아이디어가 나오면 메모해놓곤한다. 이런 메모를 처음 했던 건 아마 훈련소때였던 것 같다. 당시 전공에는 흥미가 없었지만 '게임'을 좋아한다는 이유로 입대 전에 유니티로 게임을 끄적이면서 만들고 여러 아이디어를 생각해냈다. 결국 어떤 결과물도 없이 입대를 하긴 했지만, 입대하고 나서도 게임에 대한 아이디어는 계속 떠올랐다. 특히 불침번이라는 영겁의 시간동안은 마치 정신과 시간의 방에 나 혼자 갖힌 듯 생각에 생각이 꼬리를 물듯이 나왔다 메모장을 들고 아무도 없을 때를 틈타 키워드만 메모에 옮겨 적었다. 그 때 생각했던 아이디어중 하나가 육군, 해군, 공군, 해병대, 의경 등등 각 군인들의 특징을 이용하여 애니팡 같은 게임을 만드는 것이였다. 의경 한 줄..
19.10.08
19.10.08
2019.10.08더 특별해져버린 하루하루를 담은 한달의 기록
[인터뷰] 개발자 기술 인터뷰에 대한 간단한 팁
[인터뷰] 개발자 기술 인터뷰에 대한 간단한 팁
2019.10.08들어가며 요즘 여러모로 바빠져서 글을 못 올리고 있다. 최근에 면접준비를 하면서 나중에 블로그에 올려야지 생각하면서 이런저런 자료들을 노션에 정리했는데, 노션 => 티스토리 마크다운은 코드 부분 이식이 100% 안되는 듯하다. 결국 이론부는 놔두고 간단한 인터뷰 팁에 대한 부분을 먼저 올려보려한다. 대부분의 팁은 techsith라는 유튜브 채널의 영상에서 참조한 것이다. 인터뷰를 준비중인 프론트엔드 개발자라면 많은 도움을 받을 수 있는 유튜브 채널이다. 인터뷰 팁 답변 중 과정을 건너뛰지 마라. 어떤 문제나 질문에 답할 때 Don't just jump (과정을 건너뛰지 마라) 사람 본성이 바로 뛰어넘어서 답하는 것이다. 이것은 매우 잘못된 방식이다. 왜냐하면 질문이 알고보니 까다로운 내용이었거나,..
19.09.01
19.09.01
2019.09.01의외로 짧은 텀으로 올리는 일상기록
[해커톤] 👨💻 한·중 해커톤 및 해외교육
[해커톤] 👨💻 한·중 해커톤 및 해외교육
2019.08.302019.08.23 ~ 2019.08.28 5박 6일동안 진행된 한·중 해커톤 및 해외교육에 대한 후기글입니다. 과거에 작성했던 2019 오픈핵에서 기회를 얻어 5박 6일동안 중국의 닝보, 항주로 한·중 해커톤과 해외교육을 다녀왔다. 여름 방학동안 인턴을 하게되어서 전날인 22일까지 인턴 일정을 마치고 다음날 인천 공항으로 향했다. 2019 닝보 오픈소스 한·중 해커톤 우리팀은 오픈핵때 내가 속한 팀이였던 Keyboard Hunter팀의 나와 지은이와 WICO팀의 준모, 준식, 지인이가 섞이게 되면서 중국에 가기 전까지 구체적인 주제를 결정하지 못했다. 오프라인에서 만난 지는 얼마 안 되었지만 팀의 캐미가 잘 맞아서 첫 날 새벽까지 회의를 한 결과 "유기된 반려동물을 줄이자"는 좋은 주제를 찾게 되었다...
노션으로 개발자 포트폴리오를 만들어 보았다.
노션으로 개발자 포트폴리오를 만들어 보았다.
2019.08.29작년 말에 "나만의 개발자 포트폴리오 만들기"라는 개발자 포트폴리오 관련 글을 작성했었다. 진행한 프로젝트라고는 하나밖에 없었지만 미리미리 준비해야겠다는 마음에 여러 레퍼런스들을 보고 만들었던 기억이 난다. 그 이후로 개인프로젝트와 팀프로젝트를 진행하고, 대문짝만하게 풀스택 개발자라고 써놓았는데 프론트엔드 엔지니어로 확실하게 노선을 정했으니 포트폴리오를 수정해야했는데 너무 예전에 만든 프로젝트라 빠른 시일 내에 내가 원하는 결과를 내기는 어려워보였다. 그래서 예전에 잠깐 노션Notion을 이용해서 포트폴리오를 만든 예시를 봤던 기억이 났다. 팀 협업 도구과 개인 생산성 도구로 계속해서 노션을 이용해왔기 때문에 노션으로 포트폴리오를 만들어보기로 결정하고, 하루정도를 투자해서 포트폴리오를 완성했다. 완성하면..
[Vue.js] 🖖 Vue.js 기초 지식
[Vue.js] 🖖 Vue.js 기초 지식
2019.08.22[Vue.JS 2.0] 소개 및 시작하기 Vue는 다른 프레임워크나 라이브러리에 비해 신생언어 가볍고, 복잡도가 낮아서 사용이 편하고 시작하기 쉽다. 이름처럼 View에만 초점을 두었기 때문에 다른 라이브러리나 프레임워크와 혼용하기 쉽다. 처음 시작하는 단계의 과정이 복잡하다. 한글화가 잘 되어있다. React보다 성능이 뛰어나다. React에서 JSX를 사용하는 것처럼 Vue도 비슷한 템플릿을 사용한다.(원한다면 JSX도 사용 가능하다.) 템플릿의 장점은 HTML파일에서 바로 사용할 수 있다는 점이다. SSR이 지원된다. HTML Hello, {{ name }} JS var app = new Vue({ el: '#app', data: { name: "geon" }, }); [Vue.JS 2.0] Dir..