profile
개발자 매뉴얼

React_USA Data

프론트 앤드 : 3명백 앤드 : 2명담당 업무 : 프론트 앤드React 기술로 활용한 첫 팀 웹페이지 프로젝트 현재 가장 많이 사용하는 React의 Function Component 방식 활용. Function Component의 Hook을 학습하면서 실제 프로젝트에

2020년 9월 3일
·
0개의 댓글

React_wisely

프론트 앤드 : 3명백 앤드 : 2명담당 업무 : 프론트 앤드React 기술로 활용한 첫 팀 웹페이지 프로젝트 React의 기본인 LifeCycle과 state/props를 이해하기 위하여 Class형 컴포넌트 적용백앤드 (서버) 비동기 통신 이해를 위해 Javascr

2020년 9월 3일
·
0개의 댓글

Koroupware

딱딱한 그룹웨어가 아닌 사원의 과점의 소통과 협업을 이룰 수 있는 그룹웨어 구현JavaJavaScript (Ajax, Jquery)HTMLjspCSSSpring FrameworkGit라이브러리 : Google Chart, SMTP사원 로그인사원 가입사원 아이디 및 비밀

2020년 9월 3일
·
0개의 댓글
post-thumbnail

다양한 React에 대한 버그 해결 _ input

input 태그가 여러개 있을 경우, e.targe으로 통해서 값을 setState를 할 수 있다.input 태그 두개 : phone , codesetState : e.target과 name 속성으로 비교 setState 활용문제 : Input is changin

2020년 8월 31일
·
0개의 댓글
post-thumbnail

TIP) Styled-Component 자동완성 플러그인

styled Component를 사용하면 동적으로 요소(element) 스타일을 꾸밀 수 있다.그런데 styled Component에서 css 코드를 작성 시, 자동완성이 안되어 일일이 코드를 입력해야한다.그러면 실수를 할 경우 에러나 버그가 발생할 수도 있고, 무엇이

2020년 8월 31일
·
0개의 댓글
post-thumbnail

TIP) React 코드 자동 정렬하기

VScode에서 기본적으로 제공하는 단축키자동으로 해당 파일의 코드가 정렬 된다.가끔 안되는 경우가 있다. 자동정렬 단축키가 잘 되지 않는 경우 플러그인을 통해서 자동정렬이 가능해진다.단축키 없이 그저 저장을 하는 것만으로도 자동정렬이 가능하다.설치를 하면 바로 적용이

2020년 8월 31일
·
0개의 댓글
post-thumbnail

USA Data 클론 프로젝트

프론트 앤드 : 3명백 앤드 : 2명담당 업무 : 프론트 앤드현재 가장 많이 사용하는 React의 Function Component 방식 활용. Function Component의 Hook을 학습하면서 실제 프로젝트에 적용백앤드 (서버) 비동기 통신을 하기 위해 fet

2020년 8월 20일
·
0개의 댓글

2. React _ 와이즐리 클론 프로젝트

프론트 앤드 : 3명백 앤드 : 2명담당 업무 : 프론트 앤드React 기술로 활용한 첫 팀 웹페이지 프로젝트 React의 기본인 LifeCycle과 state/props를 이해하기 위하여 Class형 컴포넌트 적용백앤드 (서버) 비동기 통신 이해를 위해 Javascr

2020년 8월 20일
·
0개의 댓글
post-thumbnail

1. React_instagram

담당 업무 : 프론트 앤드React 기술로 활용한 실제 인스타그램 구현 프로젝트React의 기본인 LifeCycle과 state/props를 이해하기 위하여 Class형 컴포넌트 적용백앤드 (서버) 비동기 통신 이해를 위해 Javascript 내장객체 fetch 함수

2020년 8월 20일
·
0개의 댓글

Spring Framwork프로젝트

딱딱한 그룹웨어가 아닌 사원의 과점의 소통과 협업을 이룰 수 있는 그룹웨어 구현JavaJavaScript (Ajax, Jquery)HTMLjspCSSSpring FrameworkGit라이브러리 : Google Chart, SMTP사원 로그인사원 가입사원 아이디 및 비밀

2020년 8월 20일
·
0개의 댓글
post-thumbnail

자주사용하는 CSS _ 애니메이션 (1) : keyframe

@keyframes : CSS 애니메이션에서 구간을 정하고 각 구간별로 어떤 스타일을 적용시킬지 정하는 문법animation-name : 사용자가 직접 @keyframes에 적용 할 변수 이름from - to : 시작 부분과 끝날 부분 0~100%CSS 스타일 :

2020년 8월 9일
·
0개의 댓글
post-thumbnail

git _ rebase

1) Merge2) rebase처음 상태두개의 브랜치로 나누어진 상태Merge를 통해 두개의 브랜치(C3, C4)를 C2로 합친다.rebase 명령으로 한 브랜치에서 변경된 사항을 다른 브랜치에 적용할 수 있다.C3 에서 변경된 사항을 Patch로 만들고 이를 다시 C

2020년 8월 9일
·
0개의 댓글
post-thumbnail

Portfolio_ Project

딱딱한 그룹웨어가 아닌 사원의 과점의 소통과 협업을 이룰 수 있는 그룹웨어 구현JavaJavaScript (Ajax, Jquery)HTMLjspCSSSpring FrameworkGit라이브러리 : Google Chart, SMTP사원 로그인사원 가입사원 정보 수정사원

2020년 8월 9일
·
0개의 댓글
post-thumbnail

Sass

0. Sass 1) Sass css의 확장 버전 css의 결함을 보정하는 것 stylesheet를 보다 쉽게 관리할 수 있는 다양한 기능 구현 가능 > 특정 속성을 변수로 선언하여 재사용이 가능 함. [Variables] > 반복된 코드를 한번에 선언 할 수 있음 [

2020년 7월 20일
·
0개의 댓글
post-thumbnail

Postman

개발한 API를 테스트하고, 테스트 결과를 공유하여 API 개발의 생산성을 높여주는 플랫폼개발한 서버를 테스트 할 수 있으며, 결과물을 확인할 수 있다.https://www.getpostman.com/ 사이트에서 설치 가능사용 서버 : https://

2020년 7월 17일
·
0개의 댓글
post-thumbnail

javascript 비동기 통신 - fetch()

javascirpt 비동기 통신중 하나.fetch 함수 자체가 Promise 객체를 Return하기에 편하다.fetch( '주소', {Request 설정 옵션} )접근할 서버 주소method / body / headers ...사용할 htpp 메소드를 선택 PUT /

2020년 7월 17일
·
0개의 댓글
post-thumbnail

웹 인증(Authentication) 인가(Authorization)

인증과 인가는 API에서 가장 자주 구현되는 기능 중 하나.Private한 API는 물론이고 Public한 API도 기본적인 인증과 인가를 요구.클라이언트가 자신이 주장하는 사용자와 같은 사용자인지를 확인하는 과정유저가 누구인지 확인하는 절차 예) 회원가입하고 로그인

2020년 7월 16일
·
0개의 댓글
post-thumbnail

React 활용 _ Button 애니메이션 만들기 (1단계)

예시) 네이버클라우드 / 소모임 어플버튼의 기본적 틀, 이벤트, 형태를 활용 가능react에서 node-sass 패키지 설치 필요npm install node-sass --save플러스 모형의 아이콘을 사용할 수 있음.react에서 react-icons 패키지 설치 필

2020년 7월 16일
·
0개의 댓글
post-thumbnail

리액트 Life Cycle

React는 컴포넌트 단위로 UI를 화면에 보이게하고, UI를 바꾸고, 현재 UI를 화면에 없앤다. 각각의 컴포넌트들은 생성-> 업데이트 -> 제거 단계를 겪는 생명주기(LifeCycle)를 가지고 있다React는 컴포넌트를 DOM 위에 생성하여 Rendering(화면

2020년 7월 15일
·
0개의 댓글
post-thumbnail

javascript 비동기

2020년 7월 14일
·
0개의 댓글