전체 글 (8) 썸네일형 리스트형 유데미, 스나이퍼팩토리,10주완성 프로젝트 캠프, 프론트엔드(리액트/react) 강의 내용 1. UML이란? - Unified Modeling Language로 복잡한 사람들의 사고와 생각을 표현하는 도구 - 소프트웨어, 프로그래밍이 아닌 시스템 자체의 산출물의 역할을 시각화 하여 규정 2. UML에서 정의하는 모델링 - 내부 구조나 동작하는 행위에 대한 표현의 자유 - 시스템의 구성 요소들이 서로 어떻게 연결되어 있는지 확인 가능 - 설계와 구현 간의 일관성 유지 - 레벨화 가능 - 명확한 의사 소통의 도구 3. UML은 이야기가 가능한 시각화 Tool - 규격화된 규칙으로 인한 손쉽게 이해할 수 있는 시각화 필요 - 그럼으로 표현되어 있어 이해하기 더 쉬움 4. UML은 사람의 행위를 기반으로 한다. - 사람의 행위를 기반으로 단계적 과정을 시점상으로 표현한 것으로 절차와 단.. 유데미, 스나이퍼팩토리,10주완성 프로젝트 캠프, 프론트엔드(리액트/react) 강의 내용 1. 플랫폼이란? - 인간의 관계에서 생성되는 교류의 정류장 역할 - 교류 속에 이뤄지는 다양한 소통, 거래를 통해 발생하는 트래픽을 기준으로 기업과 개인의 공동의 이익을 형성하는 곳 2. 플랫폼의 진화 - 픔랫폼은 Device와 밀접하게 관련되어 있다. - 화면중심 -> Big Data -> 가치중심 (IoT) -> 총체적 경험 3. 플랫폼 서비스 제공 환경 - 소비자의 '행동', '질문'을 이해하는 시대 - ChatGPT의 탄생으로 창작 매체의 생산과 활용 서비스 환경의 변화 예상 4. 플랫폼의 핵심 - 시장의 흐름을 보는 것부터 시작 - 세상의 행동이 인터넷 서비스로 전환되며, 중점적으로 관찰해야 하는 것은 관계 5. 성공한 플랫폼의 서비스의 특징 - 문화를 리드하고 사용자의 생활 / 이.. OWL Project Stack React Node.js (Express) Socket.io Redux Redux-toolkit Styled-components Netlify Heroku 후기 ‘Commeet’ 프로젝트를 진행하면서 ‘Firebase Realtime Database’를 사용하였고 ‘이것으로 채팅 기능도 구현할 수 있겠다’ 라는 생각을 하였다. 그래서 좀 더 알아보다가 WebSocket, Socket.io에 대해 공부하고, 이것을 이용하여 채팅 사이트 프로젝트를 진행하였다. 프로젝트는 생각 외로 순조롭게 진행되었고 아주 재미있었다. 하지만 닉네임, 채팅방 만들기, 채팅방 입장 기능을 완성 시키고 마지막 기능인 ‘채팅하기’ 에서 원하는 대로 작동하지 않아 3일 동안 고생을 하였다. 코드를 5번 정도.. COMMEET Project Stack React React Router v6 Redux Redux-toolkit Styled-components Firebase Github-pages 기능 로그인 시 모든 게시물 보여주기 게시물의 작성자의 프로필, 본문, 사진, 업로드 시간 출력 게시물의 authorId를 비교하여 삭제 / 수정 보여주기 댓글 보여주기 댓글 작성자의 프로필, 댓글, 업로드 시간 출력 댓글의 commentAuthorId를 비교하여 삭제 보여주기 네비게이션 다크모드 styled-components와 리덕스 활용 글쓰기 본문, 사진 업로드 프로필 프로필 사진, 닉네임 변경 나의 총 게시물 수, 게시물 썸네일 출력 로그아웃 비 로그인 시 인증 폼 보여주기 정규식을 활용하여 비밀번호에 유효성 검사 추가 구글,.. [백준 자바 2902번] KMP는 왜 KMP일까? 이 문제를 풀면서 계속 헷갈리던 charAt() 메서드에 대해 좀 더 이해할 수 있게 되었다. 처음에는 split() 메서드를 이용하여 풀었지만 charAt()을 써먹어보고 싶어서 다시 한번 더 시도를 하였다. 입력받은 문자열을 charAt()을 사용하여 쪼갠 문자를 정수로 받아 대문자만 추출해준다. (ASCII 65~90) 그 후 추출한 문자를 char 타입으로 형 변환하여 출력한다. 1. split() 사용 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String str = sc.nextLine(); String [] arr .. Nomad Coders - 코코아톡 클론코딩 챌린지 https://nomadcoders.co/ 노마드 코더 Nomad Coders 코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요! nomadcoders.co 처음 프로그래밍을 접할 때 가장 많이 접했던 말이 '일단 뭐라도 만들어봐라'이다. 교과서적으로 공부하는 것보다 직접 접해보고 시행착오를 겪으면서 성장하는 방법을 좋아하는 나는 매우 공감되는 말이었다. 하지만 입문자들이 어떻게 아무것도 모르는데 뭐라도 만들 수가 있을까... 클론코딩 챌린지는 입문자들에게 적절한 동기부여를 해주고 지루하지 않게 '뭐라도' 만들 수 있는 좋은 수단인 것 같다. HTML/CSS로만 활용하는 챌린지이기 때문에 시간을 투자한다면 충분히 따라갈만한 난이도라고 생각한다. 2주 동.. [백준 자바 2959번] 거북이 가장 작은 수 2개, 가장 큰 수 2개가 각각 가로/세로가 된다. 배열을 오름차순 정렬 해준 뒤 가로의 작은 수 * 세로의 작은 수를 구해주면 된다. import java.util.Arrays; import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int [] arr = new int [4]; for(int i=0;i [백준 자바 2783번] 삼각 김밥 "삼각 김밥 Y그램 당 X원" 일 때 삼각 김밥 1,000그램 가격의 최저가를 구하는 문제이다. Y그램 당 X원이기 때문에 X/Y를 해주면 1그램 당 가격이 나오기 때문에 어렵지 않게 해결할 수 있다. 1,000그램 가격을 구한 후 배열에 넣고 오름차순 정렬 후 첫번째 인덱스를 뽑아내면 최저가를 구할 수 있다. 주의해야할 점은 출력을 소수점 둘째자리까지 나타내야하기 때문에 데이터타입에 신경을 써줘야한다. import java.util.Arrays; import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int x = sc.nextInt();.. 이전 1 다음