개발의 시작과 끝

49일차 Flex 요소의 크기가 불분명하거 동적인 경우에도, 각 요소를 정렬할 수 있는 효율적인 방법을 제공한다. flex는 이 2개의 개념으로 나뉜다. Container는 Items를 감싸는 부모 요소이며, 각Item을 정렬하기 위해선 Contaicer가 필수이다. Container에는 display, flex-flow, justify-content 등의 속성, tems에는 order, flex, align-self 등의 속성을 각각 사용할 수 있다. 참조 - https://heropy.blog/2018/11/24/css-flexible-box/

48일차 리액트(React) 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다. 리액트는 싱글 페이지나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있다. 복잡한 애플리캐이션들은 상태관리, 라우팅, API와의 통신을 위한 추가 라이브러리의 사용이 일반적으로 요구된다. SPA(Single Page Applicatio) 단일 페이지로 구성된 웹 어플리케이션을 말한다. SPA는 화면이동 시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고(서버사이드 렌더링 X), 필요한 데이터만 서버로부터 JSON으로 전달 받아 동적으로 렌더링한다. 장점 하나하나 화면 전체를 렌더링할 필요가 없기 때문에 화면이동이 빠르다. 화..

44일차 Givenchy app https://to2.kr/bnG Figma Created with Figma www.figma.com Givenchy web https://to2.kr/bnO Figma www.figma.com

43일차 피그마(Figma) 피그마는 실시간 협업을 특징으로 하면서도 스케치와 같이 모던한 기능의 UI디자인 기능을 지원하는 UI디자인 프로그램이다. UI디자인 프로그램이지만, 경우에 따라 다양한 디자인 프로그램으로 사용할 수 있다. 피그마는 기본적으로 웹브라우저 기반 프로그램이다. 프로그램을 설치해서 사용을 하더라도 기본적으로 웹브라우저가 실행되어 해당 브라우저에서 기능을 수행하는 웹어플리케이션(Web Application)이다. 그렇기에 웹브라우저가 구동될 수 있는 환경이면 어떠한 환경에서든 사용이 가능하다. 이는 윈도우XP나 리눅스와 같은 특수한 운영체제 환경에서의 구동 가능성도 포함하는 것이며, 윈도우 환경에서의 구동 또한 당연히 포함하는 것이다. 많은 디자인 및 개발 프로그램들이 맥 환경을 기반..

42일차 PHP PHP는 서버 측에서 실행되는 프로그래밍 언어로 HTML을 프로그래밍적으로 생성해주고, 데이터베이스와 상호작용 하면서 데이터를 저장하고, 표현한다. PHP는 웹을 위해서 만들어졌고, 지금도 웹을 위해서 발전하고 있는 웹을 위한 언어이다. 특히 서버에 직접 설치해서 운영할 수 있는 설치형 웹에플리케이션 (제로보드,텍스트큐브,워드프래스,PHPBB등)의 과반이 PHP로 만들어졌다. PHP를 배워두면 이러한 솔루션들에 대한 운영, 문제해결 능력이 향상된다. 참조 - https://opentutorials.org/index.php/course/62

36일차 웹 서버(Web Server) HTTP를 통해 웹 브라우저에서 요청하는 HTML 문서나 오브젝트(이미지 파일 등)을 전송해주는 서비스 프로그램을 말한다. 웹 서버의 주된 기능은 웹 페이지를 클라이언트로 전달하는 것이다. NGINX 웹 서버 소프트웨어로, 가벼움과 높은 성능을 목표로 한다. 웹 서버, 리버스 프록시 및 메일 프록시 기능을 가진다. APACHE 아파치 소프트웨어 재단에서 관리하는 HTTP 웹 서버이다. BSD, 리눅스 등 유닉스 계열 뿐 아니라 마이크로소프트 윈도우나 노벨 넷웨어 같은 기종에서도 운용할 수 있다. 아파치 웹 서버는 현재 세계에서 가장 인기있는 웹 서버이다. CGI(Common Gateway Interface) 웹 서버 상에서 사용자가 프로그램을 동작시키기 위한 조합이..