전체 글

코드숨(CodeSoom) 리엑트 11기 5주차 회고

학습한 것비동기 처리동기 처리 vs 비동기 처리콜백 함수콜백 지옥 Promise, async/awaitPromise 객체란콜백 지옥을 해결하는 방법Promise의 3가지 상태Promise 연결, 에러 처리 방법async/await 문법이란  📌 무엇을 공부했는지는 아래 깃허브 주소에 훨씬 더 자세히 기록해두었습니다.링크 바로가기 👉 💻 CodeSoom 리엑트 11기 - 학습 내용 정리 및 회고회고 및 느낀점솔직한 고백을 하자면.. 이번 주는 회고를 할 것이 별로 없다.왜냐하면 이번 주는 코드숨 교육에 시간을 거의 투자하지 못했기 때문이다.그래서 이번 회고는 내가 실패한 이유, 스스로에 대한 반성이 주를 이룰 것 같다. 이번 주 코드숨 공부를 별로 하지 못한 이유를 생각해보니, 여러 가지가 있었지만,..

코드숨(CodeSoom) 리엑트 11기 4주차 회고

학습한 것테스트 코드 추가 실습ToDo앱 (지난 주 과제) 테스트 코드 처음부터 혼자 힘으로 다시 작성해보기BDD 스타일 (describe - context- it) 실습 Flux 아키텍처Flux Architecture 개념 (단방향으로 데이터 흐름을 관리하는 패턴)[Action] -> [Dispatcher] -> [Store] -> [View][View] -> [Action] -> [Dispatcher] ReduxRedux 라이브러리란? (상태 관리)Redux의 3가지 원칙Redux의 동작 흐름acton, dispatch,reducer, store, subscribe, getState, render 각각의 역할Presentational Components, Container ComponentsProvi..

코드숨(CodeSoom) 리엑트 11기 3주차 회고

학습한 것2주차 복습 (코드 이해 위주)컴포넌트 작성 및 분리 연습Special Props Warning 문제에 대한 고찰지난 주 2번째 과제 (간단한 Todo App 만들기) 코드 이해하기객체 매개변수 구조 분해 할당 방법, ...state 구문 학습 TDD 관련 개념 학습Jest와 RTL (React Testing Library)의 역할단위 테스트와 TDD란 무엇인가TDD의 룰과 TDD 사이클Jest 단언문 (Assertion) 과 구조 (expect 매서드 + Matcher)Matcher의 종류와 Jest DOM테스트의 유형 (유닛 테스트, 기능 테스트, 통합 테스트, E2E 테스트)유닛 테스트와 기능 테스트의 장단점테스트 코드 작성 스타일 - BDD 테스트 코드 작성 실습테스트 코드 문법 공부컴포..

코드숨(CodeSoom) 리엑트 11기 2주차 회고

학습한 것1주차 복습 (코드 이해 위주)createElement 함수를 직접 구현하는 과정부터 복습1주차 과제 복습 (다시 구현해보기)논리연산자 || 이 JavaScript에서 동작하는 방법중첩 if / else문을 피하기 위한 Guard Clause 학습 React 학습React 프레임워크가 탄생한 배경React의 핵심 개념ReactDOM과 가상 DOM컴포넌트의 개념컴포넌트 합성, 컴포넌트 분리 (관심사의 분리)리액트 Hook, useState컴포넌트의 'key' 속성 Etc. webpack에 서버를 띄울 시 경로 설정을 바꾸는 방법 (index.js=>index.jsx) 📌 무엇을 공부했는지는 아래 깃허브 주소에 훨씬 더 자세히 기록해두었습니다.링크 바로가기 👉 💻 CodeSoom 리엑트 11기..

코드숨(CodeSoom) 리엑트 11기 1주차 회고

학습한 것개발환경 구축Node.JS, NPM 설치 및 사용 목적 학습NPM 명령어에 익숙해지기ESLint, Webpack, Babel 설치 및 작동법과 각각의 사용 목적 학습 JavaScript를 활용한 Web 개발자바스크립트 '객체'에 대해 학습구조분해 할당, 자주 쓰이는 배열 함수 (map, filter, forEach), 전개연산자 사용법 학습 + 익숙해지기DOM과 DOM Tree의 이해JSX의 이해 깃 이해하고 PR 보내기깃의 개념 및 용어 학습 (커밋, 브랜치, 저장소 등)깃의 다양한 명령어 학습 + 사용 연습Pull Request 훈련 📌 무엇을 공부했는지는 아래 깃허브 주소에 훨씬 더 자세히 기록해두었습니다.링크 바로가기 👉 💻 CodeSoom 리엑트 11기 - 학습 내용 정리 및 회고..

[Python] Call by Assignment 이해하기

Python은 함수에 인수를 전달할 때 Call by Assignment 방식으로 전달된다. 이 말은 무슨 의미일까? mutable VS immutable 우선 mutable과 immutable의 개념부터 짚고 넘어가면, python에선 모든 것이 객체이며 총 2가지 종류가 있다. immutable 객체 : 값이 변경 불가능한 객체 int, float, str, tuple 등 mutable 객체 : 값이 변경 가능한 객체 (단, 자신의 id값은 일정하게 유지) list, dictonary, set 등 Python에서의 Call By Value VS Call By Reference immutable 객체가 함수의 인자로 전달되면 마치 값이 복사되어 전달되는 Call By Value처럼 동작한다. (원본값 ..

나는 왜 개발자가 되기로 했을까?

(이 포스트는 velog 플랫폼에 포스팅했던 게시글을 그대로 가져온 것입니다.)   누구나 공부를 하다 보면, 잘 안되는 날이 분명 있을 것이다.나에겐 오늘이 그렇다.그럼과 동시에, 지금 내가 스스로 심적으로 많이 조급해하고 있다는 것을 느꼈다.왜 그럴까. 조금 고민해보니 답은 금방 나왔다. 앞으로 몇 년 뒤, 취업 전선에 뛰어들 시기의 나는 과연 기업이 원하는 인재의 모습이 될 수 있을까?그러기 위해 지금 나는 올바른 방향으로 공부하고 있는 건가?혹시 잘못된 선택으로 시간을 허비하고 있는 건 아닐까?이런 걱정들이 나도 모르는 사이에 내 스스로를 옥죄고 있었던 것이다. 나는 좋은 개발자가 되고 싶다.나는 실력 있고, 소통도 잘해 남들에게 인정 받는 개발자가 되고 싶다.그리고 나보다 더 나은 사람들과 함께..

[Python] 파이썬 입력 함수 input 사용법 정리

기본 입력 방법 python에선 input()함수를 통해 한 줄 단위로 문자열을 입력 받을 수 있다. a = input() print(f"a = {a}") ▼ 입력 및 출력 결과 >> Hello World a = Hello World >> 4 a = 4 (이때 4는 문자열 "4"이다.) 문자열이 아닌 다른 자료형으로 입력 받기 input()함수로 입력받을 때, 입력값의 자료형이 정수나 실수여도 문자열로 인식된다. b = input() print(b + 1) ▼ 입력 및 출력 결과 >> 4 ----> 4 print(b + 1) TypeError: can only concatenate str (not "int") to str 문자열에 숫자를 더할 순 없으므로 에러가 발생하는 것이다. 숫자로만 이루어진 문자열..

[Python] 파이썬 출력 함수 print 사용법 정리

기본 출력 방법 print 함수 통해 한 문장 출력하기 python3에서 문장을 출력하기 위해 print()함수를 사용한다. 이때 괄호 내에 큰 따옴표나 작은 따옴표 둘 중 아무거나 사용해도 된다. python에선 작은 따옴표로 묶어도 문자가 아닌 문자열로 인식한다. (python에선 문자 개념이 없다.) print("Hello World") print('Hello World') ▼ 출력 결과 Hello World Hello World 특수 문자를 포함시켜 출력하기 문자열 내에 있는 특수 문자 앞에 \를 붙여주면, 이를 기호가 아닌 문자로 인식한다. (자주 사용하는 방법이므로 기억하자) print("Let\'s do it") - " , ' 를 포함시킬 때, """ 또는 ''' 로 전체 문장을 감싸는 방법..

FE 취준생을 위한 포스트/자료 모음

얼마 전 velog에 올린 포스트인데 생각보다 반응이 뜨거워 티스토리에도 공유합니다.  앞으로 velog 포스트과 깃허브 레포지토리엔 계속해서 새 자료들을 업데이트 할 예정이지만, 이 글엔 업데이트 내용을 반영하기 어려울 것 같아, 대신 velog 게시글과 깃허브 레포지토리의 링크를 남깁니다.👉 velog 게시글 바로가기👉 GitHub 레포지토리 바로가기  소개 💬프론트엔드 개발자로 취업을 준비하는 모든 분들에게 도움이 될 만한기술 블로그 포스트 및 여러 자료들을 모아 정리했습니다. 🙂 그 동안 저에게 유익했던 여러 포스트 및 자료들을 다시 볼 목적으로 제 깃허브 레포지토리에 저장해 두었는데, 다른 분들에게도 공유하면 좋을 것 같아서 이렇게 정리하여 올립니다.제가 프론트엔드 개발자를 준비하고 있어..