일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 Class Component lifeCycle
- database
- restfulapi
- restapi
- REST
- wora
- Masterd와 Slave
- react
- Class Component
- React Lifecycle
- 로이필딩
- restful
- API
- Today
- Total
목록분류 전체보기 (29)
Chat 상우
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/co7x5t/btsAbbzCAkB/txgqjUCQyLV82727haeRYK/img.png)
안녕하세요 it 강사 chat상우입니다. 오류가 있는 부분은 피드백 주시면 수정하겠습니다. 개발을 하다 보면 간혹 간단한 테스트 혹은 간편한 설치를 희망하는 경우가 있을 것이다. 오늘은 그중 간편한 실행이 가능한 클라우드 툴인 Codeanywhere의 사용법과 간단한 통합 설치 툴의 대하여 알아본다. codeanywhere사용 사이트 바로가기 개발을 하다 보면 컴퓨터에 이런저런 툴을 설치하면서 컴퓨터가 느려지고 있다는 느낌을 받는 시점이 조금씩 오는 경우가 있으며 간혹 mysql 설치가 잘 안 되는 경우가 있어서 실습에 어려움이 겪는 경우가 있다. 이러한 경우 우리는 cloud 환경에서 통합 툴을 이용하여 실행하는 것이 하나의 대안이 될 수 있는데 오늘은 그중 codeanywhere이라는 서비스의 대하여..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/buC91a/btsAaFubZTE/mxX8Ebhl6QH4yGfLRVXN41/img.png)
안녕하세요 it강사 chat상우입니다. 오류가 있는 부분은 댓글로 남겨주시면 감사하겠습니다. 데이터 베이스란? 데이터베이스란 다수의 사용자가 데이터베이스 내의 데이터에 접근할 수 있도록 해주는 소프트웨어들을 의미한다. 1940년 컴퓨터가 만들어진 이후 1950년대 새로운 저장장치 하드디스크가 등장하여 데이터에 직접적인 접근이 가능하게 되었으며 천공카드와 같은 아날로그 방식으로 관리가 되던 데이터를 컴퓨터를 활용해서 관리하기를 원하기 시작하면서 1960년대부터 file 시스템을 이용하여 데이터를 저장하는 방식이 도입되었다. 그러나 이러한 관리 방식도 꽤 혁신적이었으나 누구나 쉽게 데이터를 잘 정리하고 쉽고 편리하게 관리할 수 있는 시스템을 만들고자 하였으며 이러한 맥락에서 발생한 소프트웨어를 데이터베이스라..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bu5APW/btszfvfrudw/PePGi1HOKrL5ylck3pmAr1/img.png)
IT 강사 chat 상우입니다. 오류가 있거나 수정되어야 할 부분은 댓글 남겨주시면 감사하겠습니다. JVM 구조와 작동 원리 JVM은 java의 프로그램을 실행하기 위한 핵심 컴포넌트 중 하나로, java 코드를 기계어 코드로 변환하고 실행하는 역할을 하는 가상 머신으로 간략하게 컴파일 과정을 통해 java 코드를 class 파일로 변역하여 jvm이 인식을 할 수 있도록 변환한뒤 클래스 파일을 읽어온뒤 여러 과정을 거친 다음 바이트 코드로 변환하고 OS에 명령을 전달하는 역할을 담당하게 된다. JVM 실행 구조 Class Loader SubSystem : java 클래스 파일을 로드하고 클래스들을 jvm 내에 로드하는 역할을 수행하며 프로그램 클래스 로딩 및 동적 클래스 로딩을 처리하는 역할을 갖는다. ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bY8KWy/btszfu7m4AG/8Sed7YLjZIrkwSZaTO7nck/img.png)
it 강사 chat 상우입니다. 오늘은 jvm 메모리 구조와 실행 개념의 대하여 정리하겠습니다. 오류나 잘못된 정보가 있을 경우 댓글 남겨주시면 수정하겠습니다. JAVA 역사 1995년 썬마이크로 시스템의 제임스 고슬링과 다른 연구원에 의해 개발된 객체지향 언어인 자바는 초창기 가전제품을 제어하기 위해 만들어진 언어였으나 다양한 업데이트를 통해 애플리케이션에서 널리 사용되는 언어가 되어 2010년 오라클에 인수가 되어 Oracle JDK / Open JDK로 구분되고 있다. 최근 이클립스 재단에서 만든 테무린 JDK도 존재한다. 요즘 웹 어플리케이션을 보면 어느 정도 규모가 형성되는 시점에서 자바를 기반으로 서버를 만드는 것을 쉽지 않게 발견할 수 있다. 이렇게 가전제품을 위해 만들어진 자바가 현대의 서..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dlPjlR/btsyTpkf24U/nL4JTXye7beREvW0BzYXd1/img.png)
UI/UX 콘셉트 도출 해당 과정은 제품, 서비스 또는 웹사이트를 개발하거나 디자인할 때 사용자 경험(UX) 및 사용자 인터페이스(UI) 디자인을 계획하고 콘셉트를 정의하는 프로세스이다. 이 과정은 사용자들이 제품 또는 서비스를 어떻게 사용하고 느끼게 되는지 결정하는 중요한 단계이며 제품 또는 서비스의 성과를 좌우할 수 있는 중요한 요소 중 한 가지이다. UI/UX 콘셉트 기획 프로세스 목표 설정 : 프로젝트의 목표와 목적을 정의한다. 해당 단계에서는 어떤 사용자 그룹을 대상으로 하는지 어떤 문제를 해결하고자 하는지를 이해한다. 대상 : 직장인(20~30대) 문제 : 퇴근 후 여가 활동이 부족함 탐구 및 연구 : 해당 분야의 경쟁사나 유사한 제품, 서비스, 웹사이트를 조사하고 이해한다 사용자 및 인터뷰,..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/1sfr2/btsyLHTuIQC/EAdunwSLk4VEVgIe5mKY70/img.png)
JAVA_HOME 등록하는 이유 우리가 자바를 처음 시작하게되면 프로그램의 환경 변수에 JAVA_HOME으로 등록하여 사용하게 되는데 JAVA_HOME으로 등록하는 이유는 다음과 같은 이유를 갖게 된다. 우선 우리가 알고있는 자바는 JDK라고 불리우며 이는 매우 많은 버전을 거치면서 업그레이드가 되어왔다. 이렇게 언어가 업그레이드 되면 크게 변화가 있는 경우와 그렇지 않는 경우가 있는데 크게 변하는 경우 기존에 지원을 해주던 문법을 지원하지 않거나 삭제 예정인 내용을 삭제하거나 하게된다. 그러나 우리는 개발을 하는 입장에서 한가지 어플리케이션만 개발을 하는 것이 아니기 때문에 경우에 따라서 JDK의 버전을 변경해주어야 하는 경우가 종종 발생되는데 이러한 경우 IDE의 설정을 변경해주어 자바 버전을 다르게..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/kxbeY/btsyHHG8wAh/2DPYGhyIbFSm26rkvrokEK/img.png)
자바란? 썬 마이크로시스템즈의 제임스 고슬링을 필두로 여러 연구원이 개발한 객체 지향(oop) 프로그래밍 언어인 자바는 1995년 처음 가전제품 내에 탑재하여 동작되는 소프트웨어를 제작하기 위해 만들어진 언어로 현재 웹 애플리케이션과 모바일 앱 개발에 가장 많이 사용되는 언어로 한번의 코딩으로 여러 os에서 동작이 가능하다는 패러다임으로 출시가 되었다. Open JDK와 Oracle JDK의 차이점 모두 Java SE(Standard Edition)을 구현하는데 사용되는 자바 개발 키트로 라이선스 및 지원 모델의 차이가 있음 Oracle JDK는 오라클에서 제공하는 자바 개발키트로, 오라클이 제공하는 Oracle Binary Code License Agreement에 따라 라이선스가 부여되며 이 라이선스..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bx8AHm/btsytJqG5rX/LCE1OkOTbmHFd7SLR209I0/img.png)
시멘틱태그(Semetic tag) Html 시맨틱 태그는 웹 페이지의 구조를 더 명확하게 정의하고 검색 엔진 및 웹 브라우저에게 콘텐츠의 의미를 제공하는데 사용되는 html의 요소로 이러한 태그는 웹 접근성을 향상시키고 페이지의 구조를 이해하기 쉽게 만드는데 용이다. 시멘틱 태그 사용목적 앞으로 우리는 다양한 웹 서비스를 개발하게 될 것이다. 개발된 웹 서비스는 비 장애인과 장애인 모두 사용할 수 있어야 하는데 첫 번째 시멘틱 태그를 사용하는 첫 번째 목적은 비 장애인도 우리의 서비스를 이용할 수 있도록 제공하기 위함이다. 대표적으로 공공 기관의 웹사이트를 예시로 들 수 있다. html로 문서의 구조를 잡다 보면 점차 대표적인 블럭 요소인 div를 이용하여 구성하는 것을 많이 볼 수 있는데 이러한 방식으..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/GeH78/btsybQQ2k5i/JLxmj6XhfMNuOzUkaOnkl0/img.png)
Html(Hypertext Markup Language) Html은 프로그래밍 언어라기 보다는 우리가 보는 웹페이지가 어떻게 구조화 되어있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어이다. html은 elements로 구성되어 있으며 이들을 활용하여 컨텐츠의 여러부분을 감싸고 마크업 하는 언어라고 생각하면 된다. Html 구조 여는 태그(Opening tag) : 이것은 요소의 이름과 열고 닫는 꺽쇠 괄호로 구성된다. 닫는 태그(Closing tag) : 이것은 요소의 이름 앞에 슬래시(/)가 있는 것을 제외하면 여는 태그(opening tag)와 같으며 이것은 요소의 끝에 위치한다. 닫는 태그를 닫지 않아도 문제가 없을 수 있으나 이것은 유지보수 성을 저하시키며 이후 spa 프레임워크와 같은 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/APUcP/btsycUZA11q/9chTv1DFahB9V3xNIW4qg1/img.png)
UI/UX 요구분석 사용자 인터페이스 및 사용자 경험 디자인을 개발하는 프로세스의 핵심 요소 중 하나이다. 해당 프로세스는 사용자가 제품 또는 서비스를 효과적으로 사용하고 만족스러운 경험을 얻을 수 있도록 요구사항을 수집, 문서화하고 분석하는 과정이다. 요구사항 분석 프로세스 사용자 리서치(user rearch) 요구분석 프로세스의 첫 단계는 사용자를 이해하는 것으로 사용자 인터뷰, 설문 조사, 관측 및 피드백 수집을 통해 사용자의 목표, 니즈, 선호도 및 행동 분석을 식별한다. 스토리보드 및 페르소나 작성 스토리보드 및 페르소나는 사용자의 환경과 상황을 이해하는데 도움이 되며, 요구사항을 시각적으로 표현한다. 요구사항 도출 사용자 연구 결과를 기반으로 UI 및 UX 요구사항을 도출하며 해당 단계는 어떤..