일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- React Lifecycle
- database
- Masterd와 Slave
- REST
- Class Component
- wora
- restful
- React Class Component lifeCycle
- react
- restfulapi
- API
- restapi
- 로이필딩
- Today
- Total
목록분류 전체보기 (29)
Chat 상우
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bQnX5g/btsw7wMTZDU/Tvn2bowpPV8WBLIIpm8YX0/img.png)
요구사항 분석 및 정의서 도출 프로세스 개요 요구사항 분석(Requirement Analysis)은 소프트웨어 개발 및 다양한 프로젝트에서 핵심적인 단계 중 하나로, 프로젝트의 목표와 성공적인 완료를 위해 필요한 기능, 제약 사항 및 사용자 요구사항을 식별, 수집, 문서화 및 이해 하는 프로세스를 의미합니다. 요구사항 분석은 프로젝트의 시작점이며, 제대로 이해되지 않거나 관리되지 않으면 프로젝트가 실패할 위험이 높아질 수 있습니다. 요구사항 분석 프로세스 요구사항 분석은 프로젝트의 성패를 좌우하는 중요한 활동으로, 이 단계를 제대로 수행하면 프로젝트가 목표를 달성하고 사용자 요구를 충족시킬 수 있습니다. 이해 관계자와의 원활한 커뮤니케이션, 문서화 된 요구사항의 명확성, 검증 및 변경 관리가 요구사항 분..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Bu66S/btsuZ1P1mDd/C9UeBVCnUz1jAZIIGqzbOk/img.png)
개념 정리 마스터와 슬레이브 데이터 베이스 아키텍처는 데이터 베이스를 복제하고 가용성을 향상하기 위한 방법이다. Master : 메인이 되는 작업을 수행하는 데이터 베이스로 마스터에서는 (Insert, update, delete)와 같은 작업을 수행하게 된다. Slave : 마스터 데이터 베이스를 복제하는 곳으로 데이터를 복사하고 유지하게 된다. 이는 주로 (Select)작업을 수행하기 위해서 사용하게 된다. 개요 우리가 어플리케이션을 사용하게 되면 보통 insert 보다 select 요청이 많다는 것을 알 수 있다. 이때 사용자가 증가함에 따라 해당 요청을 처리하기 위해 데이터베이스의 많은 트랜젝션을 처리해야 하는데 이 요청으로 데이터 베이스 서버가 다운되면 서비스를 이용할 수 없게 될 것이다. Mas..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/mIf2p/btsr0W46yKj/gGre0YyDoffealchaSJK90/img.png)
React Class Component lifeCycle 리액트 공부를 하다 보면 우리는 lifeCycle를 접하게 되는 시점이 오게 된다. lifecycle이란 무엇일까? 그리고 이것을 왜 알아야 할까? 결론부터 이야기를 하자면 리액트의 컴포넌트는 각각 3가지 카테고리가 존재한다. 각각의 카테고리는 다음과 같이 마운트(Mounting), 업데이트(Updating), 언마운트(Unmounting) 세 가지 단계가 존재하며 각 단계에서 호출되는 메서드를 이용하여 컴포넌트를 관리하게 된다. 이러한 라이프 사이클을 이해하면 보다 최적화하여 사용자에게 높은 서비스 제공이 가능하다. 시작에 앞서 아래의 생명주기는 Class Component에서 사용이 되며 function Type Component는 다르다. 마..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/PR2T5/btsrZmOTCaj/77cCaV6DRuarbEbyDIdMH1/img.png)
React 컴포넌트 분리 시작에 앞서 React를 공부하면서 가장 어렵게 느꼈던(지금도 어렵지만...) 내용은 컴포넌트를 분리하는 것이다. 결론부터 이야기를 하면 전체 그림에서 최소 단위까지 컴포넌트를 분리하면서 State의 관리를 어떻게 할 것인가 생각을 하면된다. 더욱 좋은 것은 Reducs를 사용해서 다른 쪽으로 머리 아픔을 돌린다. 평소 프론트 엔드에 관심이 없으나 최근 브라우저 렌더링과 같은 내용을 공부하다 보니 생각보다 재미있게 느껴지게 되었고 백엔드 공부가 어느 정도 되면 이후에 프런트도 깊이 있게 공부하고자 한다. 시작에 앞서 React는 Facebook에서 만든 라이브러리로 자바스크립트의 가상Dom 기술을 적극 활용하여 만든 기술이다. React 컴포넌트 분리 리엑트를 처음 공부하였을 때..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Mwyod/btsrCRQWDb7/qA7lNnXvP9t4MsxwUlbNCk/img.png)
웹 브라우저 동작 개념 개요 우리가 사용하는 브라우저는 사용자에게 화면을 보여주기 다음과 같은 구조를 갖고 있다. 사용자 인터페이스, 브라우저 엔진, 렌더링 엔진, 통신, 자바스크립트 인터프리터, ui 백엔드, 자료 저장소 브라우저가 각 계층에서 사용자의 화면을 그려주기 위해 어떠한 일을 하는지 간략하게 알아볼 것이다. 웹 브라우저 구조 시작에 앞서 이번 편에서는 간략하게 각 계층에서 다루는 내용을 볼 것이며 보다 상세한 내용은 따로 포스팅 예정이다. 우리가 사용하는 브라우저는 다음과 같은 구조를 갖고 있다. 위의 구조는 모든 브라우저가 동일하지 않지만 비슷한 구조로 되어 있으며 크롬의 경우 조금 다른 구조를 갖는다. 브라우저의 동작 개념은 앞으로 우리가 웹 개발을 함에 있어 보다 고려해야 하는 사항을 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/GOWPF/btsrCng7xrP/Kpx1cbfZDJue3jILlozMG0/img.png)
인터넷 익스플로러의 몰락과 초기 브라우저 웹을 사용하기 이전 1950년대 컴퓨터는 방 전체를 차지하였고 우리가 사용하는 작은 계산기보다 낮은 성능을 보여주었다. 그러나 이러한 컴퓨터의 발전은 매우 빠른 속도로 발전을 하게 되었으며 1960년대 복잡한 프로그램을 실행할 수 있는 수준으로 발전이 되게 되었다. 1960년 당시 발전된 컴퓨터를 기반으로 기계를 이용하여 더욱 다양한 돌파구를 만들고자 하였으며 1969년 캘리포니아에서 첫 메시지 전송이 가능한 프로그램을 만들게 되었다. 이 사건은 컴퓨터 네트워킹의 많은 혁명을 만들게 되었으며 이를 통해 전 세계의 대학과 연구 센터를 연결하게 되었다. 그러나 전화선을 통해 정보를 교환할 수 있는 프로그램은 일반인이 사용하기에 어려워 20년 동안 대중이 사용하는 것은..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/d13zmD/btsrjryk5sZ/LKbwZeyEhDv2P2yuz0BoQk/img.png)
REST(Representational State Transfer)는 월드 와이드 웹(World Wide Web)과 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 아키텍처의 한 형식으로 해당 용어는 Roy Fielding의 박사학위 논문에서 소새가 되었으며 로이 필딩은 HTTP의 주요 저자 중 한 사람으로 이후 REST의 개념은 네트워킹 문화에 많은 영향을 주게 된다. REST는 네트워크 아키텍처 원리의 모음으로 네트워크 아키텍처 원리라는 것은 자원의 대한 주소를 지정하는 방법 전반을 이야기하며 웹 상의 자료는 HTTP를 위해서 SOAP이나 쿠키 세션 트랙킹과 같이 별도의 전송 계층을 필요로 하는 것이 아닌 간단한 인터페이스를 말하는 것인데 로이 필딩이 발표한 REST의 원리를 철저하게 따르는 시스템을..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bciuuq/btsrqyvOebp/WdMoMOkEEeRM0mgoFCNCfk/img.png)
javascript의 변수가 같는 scope에 대하여 알아보고자 잘못된 정보의 대한 피드백은 언제든지 환영 입니다. 최근 ES6 문법을 지원한 이후로 var를 이용한 변수 선언은 거의 사용하지 않는 편으로 위는 스코프와 함께 호이스팅의 예시를 위한 코드입니다. 스코프 이해하기 전역이란 코드의 가장 바깥 영역을 말하며 전역은 전역 스코프를 만들게 된다. 위 코드에서 전역 스코프란 프로그램의 전체를 의미하며 실행 컨텍스트이다. 전역 공간에 변수를 선언하게 되면 전역 스코프를 갖는 전역 변수가 되며 이는 프로그램 어디에서든 참조를 할 수 있다. 전역 스코프보다 좁은 범위의 지역 스코프가 존재하며 지역 스코프란 함수 내부 몸체를 말하며 지역은 지역 스코프를 만들게 된다. 지역에 변수를 선언하게 되는 경우 지역 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/eNag6r/btsqZ2jTIgc/DIjr9WoulKgelnZ6Dcup9K/img.png)
개발 공부를 하다 보면 조금씩 API라는 용어를 접하게 되는데 API라는 것이 참 다양한 부분에서 사용되기에 처음에 API를 이해하는데 많은 어려움이 있었고 rest api를 정리하기 전 API의 대한 개요를 먼저 잡고 진행을 하는 것이 좋을 것 같다는 생각을 하게 되어 포스팅을 시작하려고 한다. 수정이 필요한 내용의 피드백은 언제든지 환영 입니다. 1. API란 API란 "Application Programing Interface"의 약자로, 컴퓨터나 컴퓨터 프로그램 사이의 연결을 의미하며 일종의 소프트웨어 인터페이스로 다른 종류의 소프트웨어에 대한 서비스를 제공한다. 인터페이스 : 서로 다른 두 개의 시스템 혹은 장치 간의 신호를 주고받기 위한 접점으로 사용자가 기기를 쉽게 동작시키는데 도움을 주는 ..