본문 바로가기

분류 전체보기

 (75)
[Challenge / day-22] class diagram 실습 오늘의 공부범위 : 강의 30강(Part3. ch1. 7강) 목차 1. React component 생성 팁 2. class diagram 실습 솔직히 챌린지 초반에는 의무적으로 하는 기분도 많이 들었는데, 저번에 sequence diagram 실습 이후로 점점 뿌듯한 기분도 들고 새로 배우는 것들이 많아서 기분이 좋은 것도 있어서 더욱 열심히 참여하게 되었다. 오늘은 클래스 다이어그램을 그려보자. 그러기에 앞서서 컴포넌트를 만드는 법을 알려주시면서 디자인패턴도 소개해주시고 🥹🥹🥹 이번 시간도 명강이다 명강!! 집중해서 따라가보자~!!! #1. React component 생성 팁 페이지 별로 컴포넌트를 정의하는데, UI 디자인을 살펴보면서 공통적인 요소가 있는지 파악해서 반복적으로 사용할 수 있는 요소..
[Phaser.js] Learn javascript basic end. 양이 어떻든 이번 포스팅에서 얼른 기초를 다 끝내고 게임만들러 가야겠다.(기초는 끝냈는데 intermidiate이 날 가로막네 이것도 얼른 다음 포스팅에서 끝내겠다..) #1 Variables var, let, const const : const에 초기값을 설정하지 않으면 SyntaxError: Missing initializer in const declaration 와 같은 오류가 발생하므로 주의하자. Mathmatical operators String Concatenation with Variables let favoriteAnimal = 'cat'; console.log('My favorite animal:'+favoriteAnimal) String Interpolation let myName = ..
[Challenge / day-21]Architecture diagram, Sequence diagram 실습 오늘의 공부범위 : 강의 28강,29강 내용(Part3. ch1. 5강,6강) 목차 1. Architecture diagram 실습 2. Sequence diagram 실습 이번 시간에는 먼저 배웠던 두 가지 다이어그램을 실습해보면서 차이점도 느껴보고 조금 더 이론에 대한 깊은 이해를 할 수 있는 시간을 가져보겠다. 아 분명 아키텍쳐 다이어그램 실습에 관해서 정말 잘썼는데 한숨 자고 일어났더니 다 날아갔다...하.. #1. Architecture diagram 실습 결과물이 좀 초라해 보일 수 있지만, 향후 발전가능성이 있는 결과물임을 참고해주기 바란다. Architecture diagram은 두 가지만 기억하면 일단 그릴 수가 있었다. 1. 구성요소 나열하기 2. 구성요소 간 상호작용 그리기 이번에 L..
[Challenge / day-20] 시스템 이론(3) class diagram 오늘의 공부범위 : 강의 27강(Part3. ch1. 4강) 목차 1. class diagram 2. class diagram 실습 오늘은 특별히 강의를 건너뛰어서 수강해보려고 한다..!! 순서대로 웬만하면 듣겠지만 이론을 듣고 바로 실습을 안하면 기억에서 하루만에도 빨리빨리 사라지는 것 같아 오늘 클래스 다이어그램을 듣고 실습한 뒤 내일 시퀀스 다이어그램과 아키텍쳐 다이어그램을 실습해보려고 한다. 오늘도 성실하게 필기하면서 시작해보자. #1. Class diagram 개념 클래스 다이어그램(class diagram)은 객체 지향 프로그래밍(OOP)에서 시스템이나 응용 프로그램의 구조를 설명하는 데 사용되는 다이어그램의 한 유형이라고 한다. 클래스 다이어그램에서 클래스는 유사한 특성과 동작을 가진 개체의..
[Challenge / day-19] 시스템 이론(1-2) Architecture diagram, Sequence diagram 오늘의 공부범위 : 강의 25,26강 내용(Part3. ch1. 2-3강) 목차 1. Architecture diagram 2. Sequence diagram 오늘은 내용이 꽤 많으므로 간략하게 요약해서 정리해보도록 하겠다. 오늘도 필기하면서 시작해보자. #1. 아키텍처 다이어그램 (Architecture diagram)이란? 시스템 간의 상호 작용 및 의존성을 높은 수준의 레벨에서 가시화 한 다이어그램 각 시스템이 어떻게 동작 하는지, 어떤 데이터를 어떻게 다루는지 등의 구체적인 상호작용 내용은 생략하고, 전체적인 맥락 관점에서 기술하는 것을 말함. 시스템 전체 구조를 일컫는 용어이다. 간단히 말해 시스템 전체 구조를 짜고 들어가는건데, 온라인에 이런 사이트도 있었다. 이런 사이트를 이용할 수도 있겠지..
[TIL No.26] Ouath 인증방식 오늘의 학습내용 OAuth 개념 OAuth 실습 더보기 노마드 코더 Typescript challenge day 4 더보기 30일 챌린지 day 18 #1 OAuth (1) OAuth의 개념 OAuth(Open Authorization)란, 웹사이트 또는 응용프로그램(이하 서비스로 통합서술)의 사용자가 로그인을 해서 서비스를 이용하고 싶은 경우에, 개별 서비스에 로그인 자격에 대한 증명을 공유할 필요없이 타사 인증시스템을 이용하여 사용자 데이터에 액세스 할 수 있도록 하는 프레임워크를 말한다. 자격에 대한 증명을 공유한다는 말이 좀 어려운데 회원가입을 하여 개인정보를 등록하고 이런 일련의 절차를 서비스마다 하지 않고 이미 개인정보를 보유하고 있는 다른 서비스에 로그인 자격의 검증을 위탁하는 것을 말한다...
[Challenge / day-18] 시스템 설계의 필요성 오늘의 공부범위 : 강의 24강 내용(Part3. ch1. 1강) 목차 1. 시스템, 시스템설계란? 2. 시스템 설계의 필요성 3. 설계유형 #1. 시스템, 시스템설계란? 시스템에 대한 정의부터 간단하게 해보자. 시스템이라고하면 너무 광범위가 생각될 수 있어서, 웹 개발에 한정해서 시스템의 정의를 알아보자. 웹 개발에서, 시스템은 기능적인 웹사이트나 웹 애플리케이션을 만들기 위해 함께 작동하는 구성 요소(컴포넌트)들의 집합을 의미한다. 이러한 구성 요소에는 하드웨어, 소프트웨어 및 데이터가 포함될 수 있으며, 이 모든 구성 요소는 웹 사이트 방문자에게 사용자 친화적인 경험을 제공하는 데 사용된다. 이렇게 정의해 볼 수 있겠고, 시스템 설계 이러한 시스템의 요구사항을 충족하기 위해 필요한 아키텍처, 인터페..
[Challenge / day-17] 원하는 기능 추가 및 AWS 둘러보기 오늘의 공부범위 : 강의 23강 내용(Part2. ch4. 2강(ch4. 마지막 강의)) 목차 1. 더치페이 서비스에 원하는 기능 넣어보기 2. AWS 둘러보기 #1. 더치페이 서비스에 원하는 기능 넣어보기 일단, 강사님이 정해준 기능 외에 넣어볼만한 기능이 무엇이 있을지 고민해보았다. Part 2가 끝나면서 주신 과제이기 때문에 안하는 것은 마음이 불편하고 조금이라도 더 능동적으로 참여하기 위해 머리를 쥐어짜보았다. 추가기능 1 일단, 더치페이 서비스라고 듣자마자 처음부터 생각한 것인데 빠른 계산이 있으면 좋겠다는 생각을 했다. 회식이나 여러명이서 1회성 계산인 경우에 또는 여러 번 계산을 했어도 그냥 단순히 n분의 1이 하고싶고 그룹원의 이름도 특별히 추가할 필요가 없는 경우 빠른 계산이 있으면 좋겠..

티스토리툴바