본문 바로가기

전체 글72

다시 시작하는 이야기 인문학을 전공해서 그런지 인문학 강의 듣는 것을 좋아하는 편인데 유튜브 알고리즘으로 자주 보는 사피엔스 스튜디오 강의가 떴다. 알고리즘으로 뜬 이유가 사피엔스 스튜디오 때문인지 다이어트 때문인지는 잘 모르겠지만😂 김경일 교수님은 의지를 더 잘 지킬 수 있는 방법은 우리의 마음 속에 있는 의지(정신적인 것)를 물질적인 것으로 만들어야더 잘 지킬 수 있다는 말이 인상적이었다. 사실 철학을 전공해서 그런지 이런 말이 어렵지 않았지만 이 얘기를 들은 친구는 무슨 소리냐고 물어봤다. 쉽게 말하자면 "이번 여름까지 다이어트를 해서 10kg을 감량할거야!"라고 정한 목표를 의지박약하지 않고 더 잘 이루기 위해서는 생각만하는 것보다 공책에 적어 실제화 시키는 편이 더 목표를 이룰 가능성이 늘어난다는 거다. 강의에서는 .. 2023. 5. 22.
동기(sync)와 비동기(async) 데이터를 받아오는 방식에는 동기식 처리 방법과 비동기식 처리 방법이 존재한다. 동기(synchronous) 동기는 데이터의 요청과 결과가 한 자리에서 동시에 일어나는것을 말한다. 사용자가 데이터를 서버에게 요청한다면 그 서버가 데이터 요청에 따른 응답을 사용자에게 다시 리턴해주기 전까지 사용자는 다른 활동을 할 수 없으며 기다려야만한다. 순서에 맞춰 진행되는 장점이 있지만, 여러 가지 요청을 동시에 처리할 수 없다. 장점: 순서에 맞춰 진행, 설계가 매우 간단하고 직관적이다. 단점: 여러 가지 요청을 동시에 처리할 수 없음 비동기(Asynchronous) 비동기는 데이터의 요청과 결과가 동시에 일어나지 않는다는 것을 의미한다. 사용자가 서버에게 데이터를 요청한 후 요청에 따른 응답을 계속 기다리지 않아도.. 2022. 12. 26.
OAuth - 생활코딩 OAuth가 무엇인가? Client Resource Owner(사용자) Resource Server(구글, 카카오 등) Authorization Server(인증을 담당하는 서버) 만약 우리가 사용자의 외부 서비스(카카오, 구글 등)에 접근을 해야하는 프로그램을 만들어야 한다면 그 때 우리는 사용자의 외부 서비스 ID나 비밀번호 같은 개인적인 정보가 필요할 수 있다. 하지만 사용자의 입장에서 처음보는 사이트를 신뢰하기 힘들 뿐더러 개인정보를 관리해야 하는 입장에서도 이런 개인정보가 유출 되었을 때 책임을 피해 가기 힘들다. 또한 이 정보의 원 주인인 외부 서비스 입장에서도 신뢰할 수 없는 제 3자가 가지고 있다는 것은 매우 불만족스러운 상황일 것이다. 이 때 필요한 것이 바로 OAuth이다. 우리는 OA.. 2022. 11. 14.
KPT회고(코드스테이츠 section4) KPT를 기반으로한 개인 회고 목표 상기하기 Keep, Problem 작성하기 Try 작성하기 우선순위 정하기 🌈 section4 회고 1. 목표 상기하기 🚗 기존 목표 첫 연봉 세후 3000이상인 곳에 개발자로 취업하기(월300이상) 5년안에 외국계 회사 취업해 디지털 노마드 실현 연봉 1억이상 만들기✨ 🚗 부트캠프 중 생긴 목표 부트캠프 기간동안 포기하지 말기💪 포트폴리오로 낼 수 있을만한 개인 프로젝트 5개 만들기!✨ 어떤 것을 개발 하고 싶은지 나만의 줏대 갖기✨ 행복하기❤️ 2. keep,problem 작성하기 👊 keep 복습 스터디에 참여한 것.(요즘 알고리즘 공부하는데 너무 어려워🥲) 아침스터디 참여한 것.(5일중에 3일은 꼭 참여한다!! 근데 커피톡은 언제 참여할 수 있는거죠..?🥲) 영.. 2022. 10. 19.
리액트 웹앱 번들링 후 배포 1. 개발환경 초기화 npm i -y 2. 리액트 라이브러리 설치 npm i react react-dom react : 리액트 컴포넌트와 Hooks, 라이프 사이클에 대한 정보가 들어있는 코어 라이브러리 react-dom : 리액트와 DOM 연결 3. 웹팩 설치 npm i -D webpack webpack-cli webpack: 웹팩 코어 webpack-cli: 터미널에서 웹팩 사용 4. 바벨 설치 npm i -D babel-loader @babel/core @babel/preset-env @babel/preset-react babel/core : 바벨 코어 babel/preset-env : ES6+ 코드를 ES5 코드로 변환시켜줌 babel/preset-react : jsx지원 babel-loader .. 2022. 9. 27.
번들링과 웹팩 번들링 번들링은 여러 제품이나, 코드, 프로그램을 묶어서 패키지로 제공하는 행위 프론트엔드 개발자에게 번들은 “사용자에게 웹 애플리케이션을 제공하기 위한 파일 묶음"을 뜻한다. Webpack 프론트엔드 애플리케이션 배포를 위해서 가장 많이 사용하는 번들러 여러 개의 파일을 하나의 파일로 합쳐주는 모듈 번들러를 의미한다. https://webpack.kr/ webpack 웹팩은 모듈 번들러입니다. 주요 목적은 브라우저에서 사용할 수 있도록 JavaScript 파일을 번들로 묶는 것이지만, 리소스나 애셋을 변환하고 번들링 또는 패키징할 수도 있습니다. webpack.kr Webpack의 필요성 Webpack은 웹 애플리케이션의 빠른 로딩 속도와 높은 성능을 위해서 필요하다. 웹페이지를 구성하는 코드의 양이 .. 2022. 9. 26.

티스토리툴바