코드스테이츠49 드디어 모든 섹션이 끝났다! Section3 회고 (SEB 35) 드디어 35기 모든 섹션이 종료되었다. 분명 시작할 때는 코딩에 대해 아무것도 모르는 상태였는데, 지난 3개월간 놀랍도록 성장한 자신을 보면 약간의 뿌듯함을 느끼게 된다. 하지만 아무리 그래도 힘든 건 어쩔 수 없는 듯... 다행히 학습내용을 잘 따라와서 처음 목표했던 대로 단 한 번의 기수 이동 없이 모든 과정을 통과하게 되었다. 그동안 정말 열심히 수업자료를 준비하고 강의를 해준 엔지니어분들께 정말 감사하다. 내가 가진 Skill Set Javascript CSS, HTML SQL, NoSql NodeJs React Styled-Component Storybook Redux Docker AWS - S3 AWS - RDS AWS - EC2 지금 나에게 만족하는 점 Section 3을 종료하며, 나에게 .. 2022. 1. 17. Redux Basics with Code Examples (Redux 예제) 이전 포스팅에서 Redux에 대한 기본적인 개념과 탄생 배경에 대해 알아보았다. 이번 포스팅에서는 예제코드를 통해 어떻게 코드를 짜는지 살펴보자. 이와 관련해 상세히 정리해놓은 글이 있어 번역하여 올려본다. 출처: https://www.freecodecamp.org/news/redux-for-beginners/ Redux for Beginners – Learn Redux Basics with Code Examples Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store,.. 2021. 12. 3. Redux WHAT IS REDUX? 오늘은 리덕스의 기본 개념에 대해 알아보도록 하자. 리덕스와 관련되어 자세하게 설명된 글이 있어, 아래와 같이 번역하여 옮겨본다. 출저: https://www.robinwieruch.de/react-redux-tutorial/ React Redux Tutorial for Beginners [2019] A complete React Redux tutorial for beginners: Learn how to build React Redux applications from scratch by following this step by step implementation of an example application ... www.robinwieruch.de WHAT IS REDUX? 리덕스는 어플리케이션에서 .. 2021. 12. 2. Server App server VS Web server 오늘은 APP server와 Web server에 대해 알아보자! 블로그 기사중에 자세한 설명이 있어 해당 내용을 번역하여 옮겨본다. 원본: https://www.infoworld.com/article/2077354/app-server-web-server-what-s-the-difference.html App server, Web server: What's the difference? August 23, 2002 www.infoworld.com The Web server 웹 서버는 HTTP 프로토콜을 다룬다. 웹서버가 HTTP 요청을 받은면 웹서버는 HTML 페이지를 보내는 식의 HTTP 응답으로 응답을 한다. 요청을 처리하기 위해 웹 서버는 정적인 HTML 페이지 혹은 이미지로 응답하거나 리다이렉트를 .. 2021. 11. 24. React Debounce개념 이전 포스팅에서 Throttle에 대해 알아보았는데, 이번에는 비슷하면서도 약간 다른 Debounce에 대해 알아보자. 구글에 Debounce에 대해 검색하면 아래와 같은 이미지가 나온다. Debounce란 개념은 전자공학에서 나온 개념인데, 예를 들어 리모콘 버튼을 누를 때, 사람 입장에서는 한번만 딸깍 하고 누르는 것 같지만, 내부적으로는 수많은 On / Off 신호들이 발생된다고 한다. 그래서 연속된 신호들이 이어져서 나타났을 때 마지막 신호만을 인정하고 나머지는 무시하는 것을 Debounce라고 한다. React에서도 마찬가지의 개념으로 쓰인다. 이 부분도 잘 정리된 블로그가 있어서, 번역하여 올려둔다. 원본은 아래와 같다. https://www.freecodecamp.org/news/javasc.. 2021. 11. 21. React Throttle 개념 오늘은 스로틀(throttle) 개념에 대해 알아보자. React에서 스로틀이란 어떤 개념을 뜻하는 걸까? 우선 단어의 의미를 살펴보자. Throttle이란? 네이버 사전에서 스로틀에 대한 설명은 아래와 같다. 스로틀 항공우주공학용어사전 1) 엔진의 실린더로 유입되는 연료. 2) 공기의 혼합물을 조절하여 조종사가 원하는 동력 또는 추력을 조절하기 위한 조종장치. 스로틀은 엔진에 연료가 주입되는 양을 조절하는 장치를 의미하는데, React에서는 API request 양을 조절하는 개념으로 사용된다. 이름이 매우 적절하다고 생각... Throttle에 대해 아주 자세하고 친절하게 설명한 블로그가 있어서, 번역을 해보려고 한다. 원본은 아래와 같다. https://dev.to/edefritz/throttle-.. 2021. 11. 21. HTTP MIME 이번에는 HTTP통신에서 마치 윈도우의 확장자와 같은 역할을 하는 MIME를 알아보자. 마임으로 읽는지 미메로 읽는건지... 혹시 아시는 분들은 댓글 부탁드립니다 ㅠ MDN을 통해 개념을 알아보려고 했지만, 너무나 이해하기 어렵게 설명을 해놔서 stackoverflow의 답변을 참고하였다. What is a MIME type? A MIME type is a label used to identify a type of data. It is used so software can know how to handle the data. It serves the same purpose on the Internet that file extensions do on Microsoft Windows. So if a serve.. 2021. 11. 18. HTTP 상태 코드 이번 포스팅에서는 HTTP 상태 코드를 정리해보려 한다. 이전 직장에 있을 때 오류가 나기만 하면 개발분이 "What is the error code?"라고 물어보던 것이 생각난다. 에러코드는 오류가 났을 때 맨 처음 확인해야 하는 주석과도 같은 느낌이었다. 다만 에러코드의 종류는 너~~~무 많다. MDN 문서만 보더라도 내용이 너무 많으니, 그때그때 에러코드가 발생하면 검색해서 찾아보는 방법을 선택해야 겠다. 에러코드: https://developer.mozilla.org/ko/docs/Web/HTTP/Status HTTP 상태 코드 - HTTP | MDN HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 응답은 5개의 그룹으로 나누어집니다: 정보를 제공하는 응답, 성.. 2021. 11. 18. HTTP PUT과 PATCH 메소드의 차이 메소드들을 살펴보면, PUT과 PATCH 메소드는 얼핏 비슷해 보이는 메소드처럼 느껴진다. PUT 메소드 PUT 메소드는 요청 페이로드를 사용해 새로운 리소스를 생성하거나, 대상 리소스를 나타내는 데이터를 대체합니다. PATCH 메소드 PATCH 메소드는 리소스의 부분적인 수정을 할 때에 사용됩니다. 둘다 수정을 한다는 개념을 공유하고 있으나, 구동방식에 따라 명등성과 안정성에 차이가 난다. 아래의 설명을 살펴보자. In a PUT request, the enclosed entity is considered to be a modified version of the resource stored on the origin server, and the client is requesting that the sto.. 2021. 11. 18. HTTP 메소드의 멱등성 이전 포스팅에서 안전한 HTTP 메소드에 관해 포스팅하며, "멱등성"에 대해 언급했다. 도대체 멱등성이란 무었일까? 사실 별로 알고 싶진 않다... 멱등성의 사전적 의미 연산을 여러 번 적용하더라도 결괏값이 달라지지 않는 성질 영어로는 Idempotent라고 한다. 필자는 사실 대학을 미국에서 나왔는데, 어떻게 읽는지도 몰라 네이버 사전 음성 버튼을 여러번 눌렀다. 아이뎀포턴트라고 한단다... 단어는 어려운데 막상 뜻을 알고나면 이해는 쉽다. 이전 포스팅에서 멱등성을 가지는 메서드로는 아래와 같다고 했다. PUT DELETE 안전한 메소드들 즉, 해당 메소드들은 아무리 반복해서 요청을 서버에 보내더라도 결과는 맨 처음 요청과 달라지지 않는다는 것이다. 멱등성이 필요한 이유 그렇다면 멱등성이 왜 필요한 것.. 2021. 11. 18. HTTP 요청 메서드 어느날 유튭에서 누가 그랬던것 같다. 진짜 뛰어난 웹 개발자는 코딩이 뛰어나기보다 네트워크에 대한 이해도가 높은사람이라고. 오늘은 HTTP에 대한 공부를 해보았는데, 역시 만만치가 않다. 영어 원서가 주를 이루다 보니 시간이 꽤 걸린듯 하다. 학생 때 영어공부 많이 해두길 다행이다... HTTP 요청 메서드 HTTP 공식 자료에 따른 정의는 아래와 같다. The request method token is the primary source of request semantics; it indicates the purpose for which the client has made this request and what is expected by the client as a successful result. 요청.. 2021. 11. 18. JS JSON 오늘 코딩을 하면서 자꾸 오류가 발생하고, 테스트 코드를 통과하지 못해 너무너무너무 화가 끝까지 차올랐다가 JSON값을 객체로 변환하지 않고 사용했음을 알고 조울증 환자처럼 갑자기 너무 기뻐서 치킨을 시켰다. 오늘은 JSON에 대해 알아보자. JSON 기본 개념 JSON의 기본적인 개념은 사실 인터넷에 잘 나와있다. JSON은 일종의 컴퓨터 세계관의 English와 같은 표기법이다. 컴퓨터와 컴퓨터끼리 사용하는 언어가 다르면 데이터를 주고받을 때 의사소통에 문제가 발생하게 되는데, 이를 공통적인 규칙을 만들어 공유함으로서 그 문제를 해결하고 있다. 이전에는 XML이라는 마크업 랭귀지를 사용했지만 요즘은 JSON이 일반적으로 사용되고 있다. JSON의 또 다른 특징은 자바스크립트의 Object와 생김새가 .. 2021. 11. 16. 이전 1 2 3 4 5 다음
