🚨 본 글은 딥러닝을 시작하기 전 선수 지식에 대한 내용을 정리한 글입니다 :) 이전 글 [AI] 딥러닝 진짜 하시게요? 그럼 이 글 먼저 보고 시작해요. (1) 🚨 본 글은 필자가 딥러닝을 시작하기전 배경 및 선수 지식에 대해 정리 한 글입니다 :) 이전 글 2023.03.14 - [분류 전체보기] - [AI] 사람의 시대가 끝나는 날이 올까? 전글에서도 언급했지만, chatGPT goodgirlgonebad.tistory.com 전 글에 이어서 딥러닝을 시작 하기 전 꼭 알아야할, 알아두면 좋은 선수 지식에 대해 정리하고자 한다. 오늘 이야기 하고자 하는 것은 "원리" 이다. AI의 원리는 무엇이라고 생각하는가? 데이터? 학습? 알고리즘? 맞는 말이 될 수 있다. 하지만 이 모든 걸 포함하는 원리는 ..
🚨 본 글은 필자의 친구들, 후배들에게 동기 / 비동기에 대해 쉽게 설명하기 위해 간략히 작성한 글입니다 :) 며칠 전 본의 아니게 친구의 대화를 듣게 되었는데 나로썬 약간의 충격이었다. Javascript의 async/await에 대해 얘기하던 중 동기와 비동기 관련 얘기가 나왔고, 한 친구는 이런 말을 내뱉게 된다. "근데, 동기와 비동기가 뭐야?" 그 친구의 강렬한 한 마디는 아직까지도 내 머릿속에 맴돌고 돌았다.(하지만 엄청 놀랍진 않았다... 니 덕분이야 연진아,) 처음엔 모를 수도 있지... 했는데 점점 모를 수가 있나...? 모르면 안될것 같은데...? 라는 생각이 무한 루프를 탔고, 결국 이 글을 적게 되었다. 설명을 위해 쉽게 예시도 들어놨으니 꼭 읽고 이해가 되었으면 좋겠다. 우리는 학..
🚨 본 글은 필자가 딥러닝을 시작하기전 배경 및 선수 지식에 대해 정리 한 글입니다 :) 이전 글 2023.03.14 - [분류 전체보기] - [AI] 사람의 시대가 끝나는 날이 올까? 전글에서도 언급했지만, chatGPT의 등장으로 사람들은 AI, 머신 러닝, 딥러닝 등 관심도가 높아졌다. 내가 이를 체감 할 수 있었던 건 인터넷과 컴퓨터에 대해 잘 모르던 우리 엄마도 뉴스에 chatGPT가 나온 걸 보시고 어떻게 사용하는지 물어보셨기 때문이었다. 딥러닝은 현재 다양한 분야에서 혁신적인 결과를 만들어 내고 있다. 특히 음성인식, 이미지 분류, 자연어 처리 등에서 최고의 성능을 보여주고 있다. 아마 곧 딥러닝이 인간의 지능에 가까운 수준으로 발전할 것으로 보인다. 그렇다면, 이를 이용해 돈을 벌고 싶어하..
도입 배경 현재 진행하기로 한 프로젝트는 STAY MATE라는 프로젝트로, 기숙사 입소 인증을 돕기 위한 플랫폼이다. 해당 프로젝트에서 학생들의 정보를 관리하기 위해 로그인 및 회원가입 기능이 필요하다. 그래서 정보를 관리하고 저장할 브라우저 저장소가 필요했고, 쿠키와 세션 그리고 토큰(JWT) 중 이번에 토큰(JWT)을 활용하기로 하였다. 왜 JWT 여야만 할까? 이전에 쿠키를 사용해서 로그인과 회원가입 기능을 개발한 적 있다. 그 경험을 토대로 이번에도 똑같이 적용하려고 했으나, 쿠키를 사용하기엔 큰 문제점이 있었다. 바로, 정보 탈취의 위험성 이 있다는 것이다. 쿠키에 대해 공부하던 중 아래와 같은 단점에 대해 알게 되었다. 보안에 취약하다. (요청 시 쿠키의 값을 그대로 보내어, 유출 및 조작당할..
🚨 본 글은 필자가 AI수업을 듣고 생각하게 된 내용을 정리한 글입니다. 주관적인 견해가 포함되어있습니다. :) 요즘 AI시장을 정말 뜨겁게 달구고 있는 ChatGPT. 이제는 인공지능이 우리 삶에서 점차 중요한 역할을 맡기 시작하고 있다. 이러한 AI 기술의 발전이 계속되면서 우리는 사람이 할 수 없는 일들을 더욱 효율적으로 처리할 수 있게 되었지만, 이에 따라 사람과 AI의 역할 분담과 함께 일부 직업들은 사라져 가고 있다. 그렇다면, 우리는 미래에 "사람의 시대"가 끝나고 AI만이 우리 삶을 지배할 수 있을까? 내가 가진 궁금증에 대해 얘기하려면 인공지능이란 무엇이고 또 어떻게 발전해왔는지 알아야 한다. 인공지능(Artificial Intelligence)의 정의 & 역사인간의 학습 능력과 판단 ..
들어가기 전... 블로그를 작성하지 않은 약 4개월 간 많은 변화가 일어났다. 어떤 프론트엔드 개발자가 되고 싶은지, 꿈은 무엇인지 조금씩 윤곽을 드러냈고, 선명하게 그려나가기 위해 하루 하루를 채워나가는 중이다. 결국 스스로 바꿀 수 있는 건 나 자신 뿐이라는 걸 깨달았다. 이제 성장 속도가 조금씩 빨라지는게 느껴진다 작년 10월 부터 12월까지의 이야기 10월 작년 10월 연합 해커톤 회고록을 보면 알겠지만 그야말로 생각의 변화라는 것이 일어나는 시점이었다. 그동안 프로젝트에 단 한 번도 적용해본 적 없던 타입스크립트를 사용했고, 지난 몇 달간 공부한 내용의 절반 분량을 단 며칠만에 배웠다. 정말 주변 환경이 얼마나 중요한지에 대해 깨닫는 순간이었다. 그리고 그 이후로 해커톤에 재미가 들렸다. 상을 ..
🚨 본 글은 기본적인 내용(서버-클라이언트가 요청과 응답을 보내는 과정)을 알고 있다는 전재하에 작성한 글 입니다. 간단히 정리했습니다 :) 우리는 검색창에 주소를 찍음으로써 서버에 페이지를 요청하게 된다. 요청을 받은 후 웹페이지를 렌더링 하고 처리하여 브라우저를 통해 사용자에게 보여주는 과정을 거치게 되는데, 이 렌더링하는 방식은 어떤 라이브러리 혹은 프레임워크를 썼냐에 따라 달라질 수 있다. 어떤 렌더링 방식을 사용했냐에 따라 최고의 웹사이트가 될수도, 최악의 웹사이트가 될수도 있다. 우리는 상황에 맞춰 어떤 것을 이용할 것인지 잘 선택해야 한다. 그래서 오늘은 각 렌더링 방식에 대해 알아보고, 어떤 상황에 어떤 방식을 사용할지 같이 고민해볼 것이다. 렌더링 하는 방식에는 총 3가지가 있다. 1. ..
🚨 본 글은 필자가 발표를 위해 기록한 글입니다. 1. 쿠키(Cookie) [1] 정의 ➡️ 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일 하나의 쿠키당 4kb를 저장함. 웹사이트에서 쿠키를 설정하게 될 시 그 이후 모든 웹 요청은 쿠키 정보를 포함해 전송. 인증 기한이 있고, 키-값으로 이뤄져있음. 쿠키를 상실하면 정보를 상실하는 것과 같다. 2. 세션(Session) [1] 정의 ➡️ 쿠키와 달리 사용자 정보를 서버에 저장하여 서버측에서 세션ID파일을 생성해 관리함. 세션 ID로 클라이언트를 구분 ➡️ 요구에 맞는 서비스를 제공 사용자가 많아질수록 서버 메모리를 많이 차지하게 됨 +) 쿠키와 세션의 차이점 정보가 저장되는 위치(세션 - 서버, 쿠키 - 클라이언트) ..
우리가 많이 다루는 이벤트에 대해 확실하게 정리한 글입니다. 1. 이벤트란 ? 자바스크립트 안의 이벤트는 클릭, 스크롤 내리기 등 사용자와 웹페이지가 상호작용을 하며 브라우저가 감지하는 것. * 이벤트 리스너, 이벤트 핸들러를 통해 처리 함. ex) click, contextmenu, keydown, keyup, submit 등... 2. 등록 방법 - 인라인(inline) : 이벤트를 HTML요소로 직접 지정하는 방식. -> 유지 보수에 좋지 못함. Plz Click! - 프로퍼티(Property) : 선택자를 이용함. -> 인라인 방식의 단점은 보완하지만, 한 번에 하나의 이벤트만 가능함. click - addEventListener() : 1개 이상의 이벤트가 가능하고, IE9이상 동작함. clic..
목표 타입스크립트에서 사용되고 있는 기본 타입에 대해 정리하고, 이해하는 것 불리언 (Boolean) 가장 기본적인 데이터 타입으로 참/거짓 값을 나타낸다. 활용 예시) let isComeIn: boolean = false; // 기숙사 입소 여부 확인 변수 숫자 (Number) 모든 숫자 값에 쓸 수 있는 타입으로 10진수, 16진수, 2진수, 8진수 다 가능함 활용예시) let personCount: number = 0; // 사람 숫자 세는 변수 let crc: number = 0xffff; // crc 기본 값 초기화(16진수) let binary: number = 0b1010; // 2진수 let octal: number = 0o725; // 8진수 문자열 (String) 텍스트 데이터를 다룰 ..