전체 글 (60) 썸네일형 리스트형 [우아한 테크코스] 프리코스 2주차 회고록 [우아한 테크코스] 프리코스 2주차 회고록 개요 우아한 테크코스의 프리코스 2주차를 진행하면서 느낀점과 기억하고 싶은 부분을 기록한다. 소개 1. 구현할 기능 목록을 먼저 작성 개인 프로젝트를 진행할 당시에, 구현해야 할 목록을 먼저 생각하고 정리하였던 적은 있지만, 중요성을 크게 자각하지 못하여서, 큰 단위의 기능들만을 먼저 작성했던 기억이 있다. 이로 인하여, 실제 프로젝트를 진행하면서 필요한 기능들이 생겨 다시 추가한 기억이 있는데, 이번 프리코스를 진행하면서 미리 세부적으로 작성해두지 않는다면, 실제 협업이였다고 생각한다면 큰 혼선이 있을 수 있다고 느껴졌다. 각 부분 혹은 사용자 별로 필요한 기능을 정리하고 나누어 진행할텐데, 미쳐 놓친 부분이 있다면 협업 개발자들은 Parameter를 바꾸고,.. [Server] Jwt Token vs Session -1- (Session편) [Server] Jwt Token vs Session -1- (Session편) 개요 프로젝트를 진행하며, 프로젝트의 목적에 맞는 로그인 방식을 찾기 위해 공부한 Jwt Token을 통한 로그인과 Session을 통한 로그인 방식의 차이점을 알아본다. 그 중, 1편에서는 Session에 대해 이해하고 공부한다. 목차 Cookie 란? Session 이란? 소개 1. Cookie 란? Cookie 란? Cookie란, 브라우저가 저장하고자 하는 텍스트정보를 담은 작은 기록 정보 파일이다. 유저는, 특정 웹 브라우저에 접근 할 때, 이전에 받은 Cookie정보와 함께 서버에 요청을 하게 되며, 서버는 쿠키의 유효성을 확인하여 로그인을 유지해주는 역할을 할 수 있게 된다. Cookie의 보안 이슈 http o.. [ReactJS] React를 활용한 카운트 다운(3,2,1) 구현 ReactJS를 활용한 Count Down(3 2 1) 로직 구현 개요 프로젝트 진행 중, React Hook을 이해하여 프로젝트에 필요한 카운트 다운(3,2,1) 로직의 구현을 복습해본다. 목차 useState를 활용한 변수 선언 useEffect를 활용한 로직 구현 html 화면 전환 동작 화면 소개 1. useState를 활용한 변수 선언 useState를 활용한 변수 선언 const [time, setTime] = useState(5); 카운트 다운이 진행되어 숫자가 줄어들 때마다, 페이지를 리렌더링 시켜 숫자를 노출시켜주기 위해, React Hook인 useState를 활용하여 변수를 선언한다. 2. useEffect를 활용한 로직 구현 setTimeout 및 time값 갱신 함수를 활용한 로직.. [ReactJS] React Hook(리액트 훅) 이란? React Hook(리액트 훅) 이란? 개요 리액트에서 중요한 React Hook(리액트 훅)의 개념 정리를 통해 프로젝트에서 효율적으로 사용할 수 있도록 하고, 대표적인 훅들에 대해 알아본다. 목차 React Hook의 등장배경 React Hook 이란? 대표적인 React Hook 소개 1. React Hook의 등장배경 React Component 종류 리액트 컴포넌트는 함수형 컴포넌트(Functional Component)와 클래스형 컴포넌트(Class Component)로 나뉜다. 리액트 초기에는 일반적으로 함수형 컴포넌트(Functional Component)를 사용하였으나, 값의 상태를 관리(state) 혹은 Lice Cycle Method(생명 주기=컴포넌트가 생성되고 사라지는 과정이 존재.. [ReactJS] useRef vs useState vs 전역변수 [ReactJS] useState vs useRef vs 전역변수 개요 프로젝트를 진행하는 도중 useRef와 전역변수의 차이에 대한 궁금증이 생겨 이를 알아보고, 부가적으로 useRef와 useState의 차이에 대하여 알아본다. 목차 useRef vs useState useRef vs 전역 변수 소개 1. useRef vs useState useRef란? useRef는 .current property로 전달된 인자로 초기화된 변경 가능한 ref 객체를 반환해주는 Hook 함수이다. 이 때 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지되며, 정의하자면 useRef란, .current property에 변경 가능한 값을 담고 있어 특정 DOM을 가리킬 때 사용 할 수 있는 Hook 함수라고 할 수 있.. [Programming Language] 타입스크립트(Typescript)란? 타입스크립트(Typescript)란? 개요 프로젝트에서 Typescript를 사용하기에 앞서, Typescript의 배경과 개념에 대해 알아본다. 목차 Typescript란? Typescript의 특징 소개 1. Typescript란? Typescript의 등장배경 Javascript는 객체들의 속성 변경이 너무 쉬운것이 장점이자 단점인 언어이다. 이로인해 테스트로 많은 버그를 찾아낸다고 하더라도 실제 배포 후 새로운 버그가 발견 될 가능성이 존재한다. 실제 프로그램의 규모가 더 커질수록 버그의 발생 가능성이 높아지므로 이러한 단점을 보완하기 위해 등장한 언어가 타입을 부여해주는 바로 Typescript이다. Typescript의 정의 Typescript를 검색하면 Javascript의 슈퍼셋인 오픈소스.. [ReactJS] ReactJS란 무엇일까? [ReactJS] React란 무엇일까? 개요 프로젝트를 진행하면서 사용한 React에 관해 이해한 개념을 주요한 특징과 함께 정리한다. 목차 React란? React 특징 가상 돔(Virtual Dom) Data Flow JSX 컴포넌트(Component) 기반 구조 선언형 프로그래밍 Props and State React의 미래 소개 1. React란? React의 정의 리액트는 싱클 페이지 애플리케이션(SPA) 혹은 모바일 애플리케이션 개발을 쉽게 만들어주는 Javascript 기반의 Library이다. 즉, 사용자 인터페이스를 개발하기 위해 필요한 것들을 사용하기 쉽게 구현해놓은 집합체이다. React의 차별성 기존 html,css,js로도 웹 페이지를 구성 할 수 있다. 하지만, ReactJS를.. [Naver Boostcamp Web&App] 부스트캠프 후기 및 회고 [네이버 부스트캠프 웹&앱] 부스트캠프 후기 및 회고 개요 학기를 마치고, 좋은 경험을 얻어 한걸음 더 나아가고자 네이버에서 주관하는 부스트캠프 웹&앱 분야에 지원하여 22.6.27(월) 1차 코딩테스트를 걸쳐 22.7.2(토) 2차 코딩테스트까지 응시하였다. 최종결과는 탈락이였다. 후에 같은 아쉬움을 남기지 않고자 간단한 후기 및 회고를 적어볼까 한다. 후기 1차 코딩테스트 객관식은 네이버 부스트캠프에서 안내하는대로 CS에 관한 기본지식이였다. 이는 학업중에 배운 부분과 비슷한 내용이 많아 큰 무리가 없었다. 또한 네이버에서 안내하는 CS강의에서 내용을 습득 할 수 있었기에, 비전공자라고 한다면 이 내용을 꼼꼼하게 공부하면 문제가 없다고 생각한다. 알고리즘 문제는 주어진 조건에 맞게 코딩을 하면 되는 .. 이전 1 2 3 4 5 6 ··· 8 다음 목록 더보기
