1. 디자인 시스템이란? 디자인 시스템은 반복적인 디자인 요소를 조직적이고 효율적으로 관리하는 것을 말한다. 이를 통해 회사나 조직의 디자인을 체계화할 수 있다. 디자인 시스템을 어떻게 구성할 수 있을까? #2에서 다뤘던 컴포넌트와 인스턴스를 이용하면 된다.반복되는 요소를 컴포넌트로 만들고, 이를 복제한 인스턴스로 UI를 구성한다. 즉, 디자인 시스템은 프랜차이즈화와 같다고 생각하면 된다! 디자인 시스템은 파운데이션과 컴포넌트로 나눌 수 있다. 2. 파운데이션 파운데이션은 상수값, 고정값이라는 뜻을 가지고 있다. 컬러와 폰트(사이즈, 굵기, 자간, 행간 등)에서 많은 경우의 수 중, 우리 팀에서 사용할 것을 딱 정해놓고 그걸 정리해놓는 것이다. 일반적으로 시안 작업 → 디자인 픽스 → 컴포넌트 모으기(디..

1. 피그마 피그마는 웹 기반 UI/UX 디자인 및 프로토타이핑, 협업툴이다.자체 클라우드에 저장되는 방식으로, 오프라인으로 파일 저장 없이 실시간으로 저장하면서 사용한다.디자이너와 PM 뿐만 아니라 개발자들도 필수적으로 알아야하는 협업툴 중 하나이다..! 2. 피그마 심화 피그마는 직관적인 편이라 기본 기능들은 생각보다 다루기 쉬운 편이다.몇 가지 고급 기능들에 대해 알아보도록 하자. • Constraint 기능 오브젝트 제작을 유연하게 사용하는 기능이다.프레임 + 오브젝트의 축을 어디에 둘지 정할 수 있다. 이를 잘 활용하면 다양한 화면의 디바이스에 대응하게 작업하는 것이 가능하다.(특히 반응형 웹)특정 요소를 해당 위치에 고정시켜야 할 때 사용한다. • Auto Layout 기능 오브젝트 수정에 있..

난 올해부터 웹서비스 개발 연합동아리 멋쟁이사자처럼 12기 디자인 파트로 활동하고 있다. 작년부터 PM으로 활동하면서 디자인을 제대로 배워보고 싶다는 마음을 항상 가지고 있었는데 좋은 기회인만큼 열심히 해보자! 디자인 세션에서 배운 내용을 공유해보려고 한다. 1. UX/UI에 대한 이해 UI = User InterfaceUI는 사용자가 사용하는 서비스나 제품의 화면 안에 있는 모든 것을 의미한다.UI는 껍데기다. UX = User ExperienceUX는 사용자가 제품이나 서비스와 상호작용할 때 전반적으로 느끼는 경험과 이를 개선하는 디자인 및 전략을 의미한다.즉, UX는 UI라는 껍데기를 맛있게 만들어주는 것이다. 따라서 UX와 UI는 반드시 함께 고려되어야 하는 소울메이트 같은 존재로, UX에 기반하..

• 2024 LCK 스프링 사이버테러 사건 나는 컴퓨터를 전공하는 학생인 동시에 교내 영자신문사의 기자로 활동하고 있다. 항상 내 전공과 관심 분야에 대한 글을 쓰고 싶었는데, 이번호에 디도스 관련 이슈를 다룰 기회가 생겨서 관련 정보를 찾아보고 기사를 작성하였다. • 도스와 디도스 도스(Dos)Dos : Denial of Service서비스 거부 공격Dos는 서버를 대상으로 공격을 진행해 컴퓨터에 과부화를 일으킨다. 요즘은 서버의 스펙이 높고 네트워크의 대역폭이 크기 때문에 여러대의 컴퓨터를 사용하는 '디도스 공격'을 진행한다. 디도스(DDoS)DDos : Distributed Dos분산 서비스 공격컴퓨터 한대가 아니라 여러대를 이용해서 공격을 진행한다. • 디도스 트렌드 요새는 봇넷을 많이 꾸린다고 ..

• List vs Deque(Stack or Queue) 공통점 : 1차원 배열에 데이터를 저장한다.차이점 : 임의의 포지션에서 연산이 가능하다.(Index로 주어지는 위치에서 삽입/삭제 가능) • 부가연산empty(): 리스트가 비어있으면 true를 반환한다.full() : 리스트가 가득 차있으면 true를 반환한다.size() : 리스트의 아이템들의 개수를 반환한다.  • 메인연산insert(i, item) : 새로운 아이템을 i번째 위치에 삽입한다.remove(i) : i번째 위치의 아이템을 삭제한다.get(i) : i번째 위치의 아이템을 반환한다.replace(i, item) : 아이템과 i번째 위치의 아이템을 교체한다.find(item) : 아이템의 인덱스(위치)를 반환한다.*find(itme)..

• 클라우드 서비스 모델 • IaaS(Infrasturcture as a Service) 서비스형 인프라스트럭처클라우드 서비스 제공자가 하드웨어, 가상머신, 저장장치, 네트워크 등의 인프라스트럭처 자원을 가상화된 서비스로 사용자에게 제공한다. 물리적 리소스를 가상화하여 유연한 Infrastructure를 제공한다.가상화 유형(Hypervisor vs Container) Hypervisor : OS 환경 전체를 가상화한다.장점 : 가상서버마다 OS 선택가능, 가상 서버들끼리 완전히 분리단점 : 가상서버 마다 OS가 필요하므로 하드웨어 리소스의 소비량 많음, 가상 서버의 부팅에 시간이 걸림Container : 하나의 호스트 OS에서 멀티 OS 환경을 구현한다.장점 : 하나의 호스트 OS에서 여러개의 OS 동..

• 클라우드 컴퓨팅이란? 네트워크 기반의 컴퓨팅 기술로 컴퓨팅 리소스를 데이터센터에 집적시킨 후 개별 이용자가 요구하는 만큼 가상으로 분리하여 정보통신망에 제공하는 서비스를 클라우드 컴퓨팅이라고 한다. • 클라우드 기본속성 경제성 : 사용하고자 하는 기간만 사용 가능하다.유연성 : 컴퓨팅 리소스를 필요할 때 필요한 만큼 확장하고, 필요하지 않을 때 축소하는 등 유연한 활동이 용이하다.가용성 : 일부 하드웨어 장애가 발생하더라도 서비스를 계속 사용할 수 있도록 구성되어 있다.빠른 구축 속도 : 클라우드가 제공하는 HW와 SW를 이용해서 시스템을 신속하게 구축하는 것이 가능하다. • 클라우드 발전과정 • 클라우드 트렌드 전 세계적으로 클라우드 산업이 지속적으로 발전하고 있으며, 아마존 웹 서비스(AWS), ..

부모 클래스에 만들어진 필드와 메소드를 자식 클래스가 물려받는 것이다.동일한 특성을 재정의할 필요가 없어 자식 클래스가 간결해진다. 자바에서는 부모 클래스를 슈퍼 클래스, 상속받는 자식 클래스를 서브 클래스라고 부른다.  • 서브 클래스/슈퍼 클래스의 생성자 호출 및 실행 new에 의해 서브 클래스의 객체가 생성될 때 슈퍼클래스 생성자와 서브 클래스 생성자가 모두 실행된다. 호출 순서 : 서브 클래스의 생성자가 먼저 호출, 서브 클래스의 생성자는 실행 전 슈퍼 클래스 생성자 호출실행 순서 : 슈퍼 클래스의 생성자가 먼저 실행된 후 서브 클래스의 생성자가 실행된다. 원칙적으로 서브 클래스의 개발자가 서브 클래스의 각 생성자에 대해 함께 실행될 슈퍼 클래스의 생성자를 지정해야 한다.하지만 개발자의 명시적 지..

• 포인터 프로그래밍에서 메모리의 특정 위치를 가리키는 변수이다. 포인터는 Linked representation으로 사용된다. Linked representation은 데이터를 연결된 노드의 집합으로 나타내는 방법이다. 각 노드는 데이터를 저장하는 부분과 다음 노드를 가리키는 포인터로 구성된다. 변수는 dot 연산자( . ), 포인터는 화살표 연산자( - > )를 통해 접근한다. • Self-referential Class(자기 참조 클래스) 동일한 클래스 유형의 다른 객체를 가리키는 포인터를 멤버 변수로 포함하는 클래스이다. link라는 포인터에다가 Node라는 주소값을 넣어주면 그 Node를 가리킨다 라고 생각하면 쉽다. • Pros & Cons (vs 배열) 장점 중간에 아이템 삽입이 용이하다. ..

• 명령어의 표현 한 명령어당 32-bit word (=4 byte) 로 인코딩 되어있다. • RISC-Ⅴ Instruction Formats 6가지 형태가 있다. R-type을 보면 rd = 5, rs1 = 5, rs2 = 5 bit가 할당된 것을 확인할 수 있다.경우의 수는 2⁵ = 32가지인데 왜 32개보다 더 늘리지 않는 것일까? 만약 33가지로 늘리게 되면 각각 1 bit씩 늘어나야 한다.결국 opcode나 funct7에서 명령어를 더 많이 배치하지 못하는 문제가 생긴다.따라서 일반적으로 사용하는 레지스터의 개수는 32개로 고정되어 있다.  • R-Type Instructions 프로세서가 opcode(0110011)을 통해 레지스터 3개를 사용하는 R-typ..