개발의 시작과 끝

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으로 전달 받아 동적으로 렌더링한다. 장점 하나하나 화면 전체를 렌더링할 필요가 없기 때문에 화면이동이 빠르다. 화..

48일차 16강 - 콘솔 출력과 문자코드 키보드에는 키를 식별하는 번호인 키 코드가 있어 키보드에있는 라벨 번호가 아니라 키 코드가 입력된다. 하지만 여기에 입력될 수 있는 키의 종류가 우리가 사용하는 모든 문자를 대변하지는 않기 때문에 미국에서 영문자를 포함한 다양한 기호들에 코드를 부여했다. 이 문자들을 대신할 수 있는 식별 문자를 ASCII(American Standard Code for Information Interchange)라고 한다. 영문자를 베이스로해서 EUC-KR, EUC-JP 등 각국의 문자코드를 확장을 했다. 하지만 같은 코드이지만 동일하게 번역되지 않아 이를 보완할 UNICODE가 탄생하게 된다. 이 코드는 전세계 각국의 언어들을 다 같이 쓸 수 있도록 할 수 있게 즉, 특정 국가..

47일차 인터페이스(Interface) ▶ 정의 프로젝트의 설계도 같은 것으로, 기능에 대해 선언만 한 상태이다. 인터페이스는 모든 기능을 추상화로 정의한 상태 즉, 모든 메서드의 선언만 정의하고 메서드의 기능에 대해 주석만 기입한 상태이다. 인터페이스도 추상 클래스처럼 구현이 안된 멤버를 포함하므로 인스턴스를 시킬수 없고 인터페이스를 상속 받은 클래스에서 멤버를 구현한 뒤 자식 클래스를 인스턴스하여 사용된다. ▶ 구현 인터페이스는 예약어로 class 대신 inteface를 사용하며, 접근 제어자로 public 또는 default를 사용한다. - 인터페이스는 추상 메서드와 상수만 멤버로 가질 수 있다. - 일반 메서드와 멤버 변수는 구성원으로 가질 수 없다. - 모든 멤버 변수는 public static..

46일차 내부클래스 클래스 내에 선언된 클래스로, 두 클래스가 서로 긴밀한 관계가 있을 때 내부 크래스를 사용한다. 한 클래스를 다른 클래스의 내부 클래스로 선언하면 두 클래스 멤버들 간에 서로 쉽게 접근 할 수 있고, 외부에는 불필요한 클래스를 감춰서 코드의 복잡성을 줄일 수 있다는 장점이 있다. class A { // 외부 클래스 class B { // 내부 클래스 } } 내부 클래스를 선언할 때 내부 클래스는 감싸고 있는 외부클래스를 제외한 다른 클래스에서 잘 사용되지 않는 것이어야한다. 외부 클래스가 아닌 다른 클래스에서 내부클래스에 접근해야 한다면 내부 클래스로 선언해서는 안 되는 클래스를 내부 클래스로 선언했다는 의미이다. 내부클래스의 종류와 특징 내부 클래스 특징 인스턴스 클래스 (Insta..

45일차 throw 메소드내에서 상위 블럭으로 예외를 던지는 것으로, 프로그래머의 판단에 따라 처리한다. 억지로 에러를 발생시킬 때도 사용되지만 현재 메소드의 에러를 처리한 후에 상위 메소드에 에러 정보를 줌으로써 상위메소드에서도 에러가 발생한 것을 감지할 수 있다. 예제 public class Main { public static void main(String[] agrs) { try { throw new Exception(); // 강제로 Exception 객체 생성 } catch(Exception e) { System.out.println("예외를 강제로 발생했습니다."); } } } 출력 : 예외를 강제로 발생했습니다. throws 현재 메소드 내에서 상위 메소드로 예외를 던진다. 메소드나 생성자..

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나 리눅스와 같은 특수한 운영체제 환경에서의 구동 가능성도 포함하는 것이며, 윈도우 환경에서의 구동 또한 당연히 포함하는 것이다. 많은 디자인 및 개발 프로그램들이 맥 환경을 기반..