etc.

[Wiki] 서비스 거부 공격 - Ddos(디도스)

Distributed Denial of Service attack, DDoS 디도스란 분산 서비스 거부 공격(Distributed Denial of Service attack)이란 특정 서버(컴퓨터)나 네트워크 장비를 대상으로 많은 데이터를 발생시켜 장애를 일으키는 대표적인 서비스 거부 공격입니다. 서비스 거부 공격들 중 가장 광범위하게 쓰이는 사이버테러로 애용되는 공격 방식입니다. 미 컴퓨터 비상 대응 팀에서 정의한 DoS 공격으로 의심할 수 있는 증상은 다음과 같습니다. 비정상적인 네트워크 성능 저하 특정 또는 모든 웹사이트 접근 불가 특정 전자 우편의 급속한 증가 DoS 공격은 공격을 받고 있는 컴퓨터 주위의 다른 컴퓨터들에게도 문제를 일으킬 수 있습니다. 예를 들어서 인터넷가 지역망을 연결하는 라..

[Wiki] 해킹이란 무엇인가?

해킹이란 단어를 처음 들었다면 굉장히 보안적인곳과 취약한 곳을 공격하는 행위로 생각되는 것이 일반적일 것입니다. 해킹이라는 첫 단어는 MIT의 교내 은어였던것이 대중으로 퍼진 것으로 원래 의미는 컴퓨터 매니아들이 컴퓨터에 대해서 속속들어 알아내며 일명 컴덕질을 하던 해커 컬쳐(Haker Culture)에서 유래하던 말입니다. 컴퓨터나 게임등 밑바닥까지 파고들면서 그 시스템에 대한 완벽한 이해나 주도권을 가지려는 문화를 가리키려고 쓰던 말로, 대중메체에서는 정보 보안을 뜯어내는 자극적인 이미지가 퍼지면서 보안해킹의 이미지로 굳어졌습니다. 해커라는 이름의 정의는 시간에 따라 크게 변화되어 왔습니다. 초기에는 그저 호기심이나 지적욕구의 바탕 위에 '컴퓨터와 컴퓨터간의 네트워크를 파괴하는 행위'라는 부정적인 의..

[알고리즘 개념 정리] 1. 변수와 상수

알고리즘의 첫 시간은 변수와 상수에 대해 알아보도록 하겟습니다. 변수와 상수는, 특정 이름에 특정 값을 담을때 사용합니다. 예를 들어 우리가 value라는 이름에 1 이라는 값을 넣는다 가정해 봅시다. 그러면, 코드를 이렇게 입력하면 됩니다. let value = 1; 그러면, 앞으로 우리가 value를 조화할때 value라는 값에 1을 가르키게 됩니다. 예를 들어 우리가 console.log를 통해 value 값을 출력할 수 잇습니다. let value = 1; console.log(value) 그러면 value라는 값은 1이라고 나올 것입니다. 특정 이름에 특정 값을 설정하는 것, 우리는 이것을 선언이라고 부릅니다. 쉽게 말해 이제부터 이 value라는 값은 1이다~ 라고 정해주는 것입니다. 값을 선..

[첫시작] Start! - 알고리즘 익히기

Winter ALGORIHTM 익히기 알고리즘은 수학과 컴퓨터과학 언어학 또는 엮인 분야에서 어떠한 문제를 풀어내기 위해 정해지 일련의 절차나 방법을 공식화한 형태로 표현한 것 입니다. 필자는 1년이라는 깊은 개발상식을 파해치고 주니어 개발자로 성장했으나 아직까지는 알고리즘을 꺠달은 단계는 아니라 생각해 알고리즘 익히기 계획을 준비했습니다. 알고리즘 공부를 위한 참고서 egoing - 생활코딩 백준 - 알고리즘 프로그래머스 - 알고리즘 풀이 알고리즘 공부를 위한 준비 알고리즘 함수 깨우치기 - sort, for 정렬법, 반복문 등등 알고리즘을 작성하는 과정 문제 분석 주어진 문제에 대한 논리적 분석을 통해 핵심 사항을 분석한다. 데이터 수집과 표현 문제 해결과 관련된 정보들을 수집하며 데이터를 적절한 형..

[TIL] 2022년 01월 26일 TIL - LAYOUT

이번시간에는 전체적인 스타일을 꾸며주는 레이아웃을 제작하는 방식에대해 배워보았다. 커리큘럼 동일한 CSS를 사용하고 싶어요!! => Global Styles 폰트도 다양한것을 사용하고 싶어!! => WOFF2 슬라이더를 적용하고 싶다 -> Carousel 레이아웃 이란? 레이아웃은 UI에 전체적인 페이지를 구성하는 방식이라 할 수 있다. 기본적인 레이아웃 설정은 위 이미지와 같이 메뉴의 배치를 단계적으로 수행하는 작업이다. function MyApp({ Component, pageProps }) { return ( ); } React에서 레이아웃을 구성하는 방식은 대부분 _app.tsx에 가면 설정할수 있는 파일에 가보면 된다. 이 파일에서 Component는 모든 페이지를 실행하기 전 먼저 실행하는 설..

[TIL] 2022년 01월-25일 TIL - Ant Disgin Modal, Husky

이번 시간에는 내가 만들 사이트에 조금 더 디자인화된 라이브러리를 사용할 수 있는 Ant Design을 배웠다. 이 분에서는 우리가 버튼을 누를때 뜨는 상태창을 디자인 할 수있는 모달을 사용할 수 있었다. 목표 알림창이 이전보다 예뻐졌어요 => Modal 주소 우편번호를 검색해보자 => React-Daum-Postcode setState에 이런 기능이? => prevState 코드를 깔끔하게! 중복은 사라지게!! => refectoring 규칙을 지키지 않는다면 Github를 푸쉬할 수 없다 => Husky 우리가 간단히 모달을 직접 구현하는 것 보다 라이브러리를 사용해 간편하게 모달을 띄워줄 수 있는 라이브러리들이 존재한다. 그 중에서 Ant Design을 살펴보자. Ant Design으로 적용할 수 ..

[TIL] 2022년 01월 24일 TIL - Event Bubbling

이번시간에 배운 내용은 이벤트 버블링에 대해 배운 시간이었다 이벤트 버블링? 이벤트 버블링은 상대방이 내용을 클릭할때 상세보리고 가는 경우에 문제가 발생하는데 어느 것을 클릭하든 전체를 클릭했을때 상세페이지로 넘어가고 싶을때 문제가 발생한다. onClick 이벤트 시 유저를 불러오기 위해서는 어떤 방식으로 넣어야 할까? 이벤트 버블링은 자식에게 부모로 이벤트를 전달해주는 것 전달이 자식에서 부모로 올라간다. 자식 태그를 클릭해도 onClick이벤트가 발생하는데 그런데 이 클릭이 전파되는 것은 부모태그에도 전달이 된다. 실제로 onClick 함수는 부모한테 바인딩 허더라도 자식이 내용을 클릭하더라도 밖에 있는 onClick이 실행된다. const onClickUser = (event) => { alert(..

[TIL] 2022년 01월 21일 TIL - Eslint - Typescript

이번 시간에 배운 과정은 협업시 편리하게 사용할 수 있는 Eslint 에대해 배웠다. 타입스크립트를 엄격하게 관리하는 도구 - strict API로 받는 데이터 타입은 ? - graphql -codepen 협업하는데 규칙은 있어야지! - eslint / prettier 규칙을 지키지 않는 사람은 Push할 권리도 없다! - husky API 응답데이터를 GRAPHQL-CODEPEN 이라 한다. 이것은 직접 입력 없이 명령어 한번에 정의해준다. 기존의 fetchBoard를 gql을 사용해서 불러오는 방식에서 fetchBoard가 담긴 types.ts 파일에 정의해 Import해서 불러올 수 있다. types.ts에서는 graph-ql의 fetchBoard에 types가 정의되어있어 Pick함수로 Query..

[프로그래머스] 문자열 내림차순으로 정렬하기

문제 설명 문자열 s에 나타나는 문자를 큰것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수, solution을 완성해 주세요. s는 영문 대문자로만 구성되어 이씅며, 대문자는 소문자 보다 작은 것으로 간주합니다. 제한 사항 str의 길이는 1이상인 문자열 입니다. 입출력 예 문제 풀이 function solution(s) { // 문자열을 배열로 쪼개준다. // sort 메서드를 이용해 순차적으로 문자나열 // reverse 메소드로 문자를 반전시켜주고 // join 메소드로 문자열로 바꿔주어서 반환해준다. return s.split('').sort().reverse().join(''); }

[프로그래머스] x만큼 간격이 있는 n개의 숫자

문제 설명 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성하세요 제한 조건 x는 -10000000 이상, 10000000 이하인 정수 n은 1000이하인 자연수 입출력 예 x n answer 2 5 [2,4,6,8,10] 4 3 [4,8,12] -4 2 [-4,-8] 멘토님 풀이법 function solution(x, n) { const answer = []; // 반복문 실행 // i인덱스에서 계속해서 더해서 return // i가 n보다 작거나 같을 떄까지 반복문 실행하면 n을 포함한 숫자 for (let i = 1; i { // undefine..

[프로그래머스] 자릿수 더하기

문제 자연수 N이 주어지면, N의 각 자릿수의 합을 구해 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 제한 사항 N의 범위: 100,000,000 이하의 자연수 입출력 예 N answer 123 6 987 24 입출력 예 설명 입출력 예 #1 문제는 예시와 같습니다. 입출력 예 #2 9 + 8 + 7 = 24 이므로 24를 return하면 됩니다. 1.문제 이해하기 입력으로 들어올 숫자의 각 자리 수를 합한 값을 변환해주면 된다. n의 값이 123 이면 1 + 2 + 3 = 6을 retun 하면 된다. 2.해결 방법 입력으로 들어온 숫자를 문자로 변환해 다음 배열로 만들어 reduce를 이용해 각 자리 숫자를 더..

[TIL] 01월 20일 Typescript 적응기

이번 오전 교육에서는 Typescript의 기초에 대해 배웠다. 자세한 목차 이걸 쓰면 더 안전하다고? => Typescript 기존의 Javascript를 typescript로 바꾸자 Typescript는 기존의 Javascript에서 한단계 UP된 언어이다. 타입 스크립트란? 자바스크립트의 타입을 강제시키는 언어이다. let aaa = "안녕하세요" aaa = 123; 예를 들어 aaa라는 상자에 문자열을 넣다가 다시 숫자 타입으로 넣을 수 있는 방식이 기존의 자바스크립트의 방식이었다. let aaa:string = "안녕하세요" aaa = 123 // 문자만 들어가는 string type이라 숫자는 불가능 typescript에서는 문자열로 선언을 string값으로 넣어주면 숫자는 들어갈 수 없다. ..