11:30 5/30
haranglog.tistory.com
11:30
haranglog.tistory.com
SaDeveloghttps://haranglog.tistory.com/
나의 개발 이야기
e-mail : dbd02169@naver.com
GitHub: https://github.com/saseungmin
저작도구: tistory
최종 피드 수집: 2024-12-21 08:46
전체 (33)
9M
10M
10M
1y
1y
2y
2y
2y
3y
Yarn berry에서 React + Jest + Cypress + TypeScript + Github Actions CI/CD를 세팅해보자
이 글은 Yarn berry package manager를 사용하여 React 프로젝트에서 초기 세팅하는 방법을 다루고 있으며, 여러 시행착오를 겪어가며 경험한 것들을 토대로 작성한 글입니다. 이 글의 목적은 겪었던 시행착오들을Unit Test & e2e Test & TDD
CD
CI
+ 더보기
Cypress
Github Actions
GitHub Pages
jest
react
typescript
yarn berry
초기 세팅
3y
[회고] 프론트엔드 개발자로서의 첫 발걸음을 내딛다!
이 글은 프론트엔드 개발자로서 취업 후 작성하는 회고 글입니다!저의 간단한 배경은 이전에 SI 개발자로 8개월 정도 일한 경험이 있었고 SI 회사에 입사하기 전에 프론트엔드 개발자로 눈이 떴고, 8개월가량 일과 병행하면서 공
회고
Front-End
retrospect
+ 더보기
개발자
이직
취업
프론트앤드
프론트엔드
3y
[회고] Github Daily Commit(1일 1커밋)을 시작한지 1년이 지났다..
이 글은 의식의 흐름대로 씁니다.. 참고해주세요.또한, 이 글은 개인적인 회고도 담겨있기 때문에 원하시는 정보가 없을 수도 있습니다.
이 글을 쓰는 이유?
별 이유는 없지만 두 가지 정도가 있다.
첫 번째 이유
가장 큰
회고
1Day 1Commit
1일 1commit
+ 더보기
GitHub
retrospect
3y
3y
3y
4y
✔ 우아한 테크러닝 3기: React & TypeScript 8회차(마지막 회차)
✌ 9월24일 (목) 우아한 테크러닝 3기 8회차 강의 정리8회차 강의 목표
마지막 예제 살펴보기
Mobx 살펴보기
예제 살펴보기
React-Router
이 예제는 1년전 예제라 react-router 공식 문서를 참
우아한 테크러닝 3기
react
typescript
+ 더보기
우아한 테크러닝 8회차
4y
4y
4y
✔ 우아한 테크러닝 3기: React & TypeScript 5회차
✌ 9월15일 (화) 우아한 테크러닝 3기 5회차 강의 정리5회차 강의 목표
javascript로 만든 Redux 리뷰
Redux의 비동기
Redux 미들웨어 알아보기
Redux 리뷰
2회차때 만든 리덕스를 사용하여 st
우아한 테크러닝 3기
react
Redux
+ 더보기
리덕스
리덕스 미들웨어
리액트
우아한 테크러닝
4y
4y
✔ 우아한 테크러닝 3기: React & TypeScript 4회차
✌ 9월10일 (목) 우아한 테크러닝 3기 4회차 강의 정리4회차 강의 목표
React 컴포넌트의 상태와 관리
커뮤니케이션!!
비동기와 제너레이터
타입스크립트는 다음주부터!
React 컴포넌트의 상태와 관리
우아한 테크러닝 3기
react
typescript
+ 더보기
우아한 테크러닝
우아한 테크러닝 3기 4회차
우아한 테크러닝3기
4y
4y
✔ 우아한 테크러닝 3기: React & TypeScript 2회차
✌ 9월 3일 우아한 테크러닝 3기 2회차 정리2회차 강의 목표
JavaScript에 대한 지식을 A~Z까지 할 수 있는 만큼 해보기! (70%)
JavaScript의 아주 기초적인 내용보단 전체적인 흐름을 타면서 스펙들을
우아한 테크러닝 3기
react
typescript
+ 더보기
우아한 테크러닝 3기 2회차
우아한 테크러닝 후기
4y
✔ 우아한 테크러닝 3기: React & TypeScript 1회차
우아한 테크러닝 3기 교육생원래 오프라인으로 100명정도 뽑아서 한다고 하는데, 이번에는 코로나의 영향으로 온라인으로 진행되었습니다.
거기다가 이번에는 코로나 때문에 띄어 앉아야해서 약 30명 정도 뽑을 생각이시라고 하셨지만,
우아한 테크러닝 3기
react
React & TypeScript
+ 더보기
typescript
우아한 테크러닝 3기 후기
4y
[React]리액트에서 react-draft-wysiwyg , DraftJS 사용하여 에디터(Editor) 적용 후 Redux로 상태관리하기
✔ 개요블로그 글쓰기나 기타 게시글을 쓸 때 textarea로 작성을 하면 많이 밋밋하고, 기능적으로 많은 구현을 하기 힘듭니다. 그렇기 때문에 글쓰기가 필요하고 게시글을 만들 때 오프소스 에디터들을 사용하여 좀 더 많은 기능의
React
draft-js
editor
+ 더보기
react
react-draft-wysiwyg
react에디터
리덕스
리액트
리액트드래프트위지윅
4y
2020 NAVER DEVELOPER OPEN CLASS 후기(정리)
✔ NAVER DEVELOPER OPEN CLASS 후기NAVER DEVELOPER OPEN CLASS의 목적은 네이버 신입 개발자 채용 설명회이다.
작년에는 오프라인으로 진했다고 하는데 올해는 코로나 때문인지 온라인으로 매주마
IT이것저것
2020 NAVER DEVELOPER OPEN CLASS
Naver
+ 더보기
NAVER DEVELOPER OPEN CLASS
네이버 신입 개발자 채용 설명회
4y
[React] 리액트에서 react-moment, moment.js 사용하여 실시간으로 변경되는 시간 만들기
✔ moment.jsMoment js는 시간이 포함된 데이터를 받아 조작해야 할 경우 가장 많이 사용되는 편리한 라이브러리입니다.
스터디를 모집하는 사이드 프로젝트를 만들 때 사용하였습니다. 현재 시간에 따라서 스터디 신청 마감
React
moment
react
+ 더보기
react-moment
useInterval
리액트
4y
4y
SPA(싱글 페이지 애플리케이션)
✌ 라운드 트립 애플리케이션(round-trip)오랫동안 웹 앱은 라운드 트립 모델을 따랐다.
먼저 브라우저는 첫 HTML 페이지를 서버에 요청하고 수신하고 링크 클릭이나 폼 제출 등 사용자의 행위가 일어나면, 브라우저는 다시
React
react
spa
+ 더보기
라운드 트립
싱글 페이지 애플리케이션
4y
[JavaScript] 정규표현식(regular expression)
정규 표현식 정의자바스크립트에서 정규 표현식은 RegExp 객체로 표현된다.
정규 표현식 리터럴은 한 쌍의 슬래시(/) 문자 사이에 위치한다.
// s로 끝나는 모든 문자열과 매치된다.
const pattern = /s$/; /
JavaScript
Regular Expression
정규식
+ 더보기
정규표현식
4y
4y
4y
JAVA 직렬화(Serializable)란?
우리가 SPRING 개발을 하다 보면 클래스에 implements Serializable 되어있는 VO(Value Object)가 많이 보았을 것이다.그냥 남들이 쓰니까 써야 한다고 생각하고 쓰는 개발자도 있을 것이고 나 또한
JAVA&SPRING
Java
serializable
+ 더보기
Spring
직렬화
4y
JAVA Spring의 @SuppressWarnings 어노테이션
✔ @SuppressWarnings 이란?@SuppressWarnings 어노테이션은 컴파일 경고를 사용하지 않도록 설정해주는 것으로 한마디로 이클립스에서 노란색 표시줄이 나타내는 것 즉, 경고를 제외시킬 때 사용한다.
또한,
JAVA&SPRING
Java
Spring
+ 더보기
SuppressWarnings
어노테이션