본문 바로가기
728x90
반응형

분류 전체보기236

코틀린 커리큘럼 짜기 1.Kotlin 소개: Kotlin 구문, 변수, 데이터 유형 및 제어 흐름 문의 기본 사항을 배우는 것으로 시작합니다. 2.객체 지향 프로그래밍: Kotlin의 클래스, 객체, 상속 및 다형성에 대해 알아봅니다. 3.함수 및 람다: 고차 함수, 람다 및 함수형 프로그래밍 개념에 대한 Kotlin의 지원을 살펴봅니다. 4.컬렉션 및 반복자: 목록, 맵, 세트, ​​반복자를 포함하여 Kotlin의 컬렉션 프레임워크를 사용하는 방법을 알아보세요. 5.Null 안전: Kotlin의 null 안전 기능이 null 포인터 예외를 방지하는 데 어떻게 도움이 되는지 이해합니다. 6.코루틴: 코루틴을 사용한 비동기 프로그래밍에 대한 Kotlin의 지원을 살펴보세요. 7.Android 개발: UI 디자인, 레이아웃 및 .. 2023. 4. 12.
useEffect를 사용하여 api를 사용해보자 이번에는 useEffect를 사용해서 api를 불러내는 예제를 작성해 보겠습니다. DataDisplay라는 컴포넌트를 만들어 줍니다. import React, { useState, useEffect } from 'react'; function DataDisplay() { const [searchTerm, setSearchTerm] = useState(''); const [results, setResults] = useState([]); const handleSearch = async () => { const response = await fetch(`https://api.conceptnet.io/c/en/${searchTerm}?limit=10`); const data = await response.js.. 2023. 3. 21.
리액트 useState에 대해 알아보자 사용자가 증가 및 감소할 수 있는 카운터를 만들고 싶다고 가정해 보겠습니다. useState 훅을 사용하여 카운트에 대한 상태 변수와 카운트를 업데이트하는 함수를 만들 수 있습니다. import React, { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); function increment() { setCount(count + 1); } function decrement() { setCount(count - 1); } return ( Count: {count} Increment Decrement ); } 사용자가 "Increment" 버튼을 클릭하면 증가 함수가 호출되고 현재 카운트 값에 1을 더한 .. 2023. 3. 21.
리액트 Props를 알아보자 먼저 리액트 프로젝트의 구조입니다. App.js는 이렇게 작성하였습니다. 여기서 버튼을 컴포넌트화 시켜서 사용하는데 color라는 props를 전달하여 사용할 수 있습니다. 이제 버튼 컴포넌트로 가서 버튼에 스타일을 props로 넘겨 받아 사용하였습니다. 결과입니다. 이렇게 하는 장점은 무엇일까요? props는 여러 수준의 구성 요소를 통해 전달될 수 있으므로 복잡한 UI를 더 간단한 빌딩 블록으로 구성할 수 있습니다. 전반적으로 props는 React에서 모듈식의 재사용 가능하고 유연한 UI 구성 요소를 구축하기 위한 중요한 도구입니다. 다음에는 useState에 대해 알아보겠습니다. 2023. 3. 21.
형상관리 툴 git을 설치하고 사용해보자 깃 이용 장점 1. 분산 특성: Git은 분산 버전 제어 시스템입니다. 즉, 모든 개발자가 자신의 로컬 시스템에 자체 리포지토리 사본을 가지고 있습니다. 이를 통해 개발자는 중앙 서버에 의존하지 않고 오프라인으로 독립적으로 작업할 수 있습니다. 2. 분기 및 병합: Git의 분기 및 병합 기능을 사용하면 개발자가 기본 개발 분기를 방해하지 않고 다양한 버전의 코드를 쉽게 실험 할 수 있습니다. 3. 속도: Git은 저장소가 매우 큰 경우에도 빠르고 효율적으로 설계되었습니다. 4. 오픈 소스: Git은 오픈 소스 소프트웨어이므로 개발자가 소스 코드에 액세스하고 필요에 맞게 수정할 수 있습니다. 깃 설치 1. 맥 OS (windows는 exe 파일 실행 및 cmd창에서 진행) - 터미널에서 homebrew .. 2023. 3. 13.
웹 포트폴리오 마스터하기: 김현승 포트폴리오 개선 방향과 코드 리뷰의 모든 것 안녕하세요 제가 처음 만든 웹포트폴리오 입니다. 제가 구현한 코드를 다시 복습하고 더 발전 시키는 포스트입니다. https://muganghskim.github.io/hskimport/ 김현승 포토폴리오 소개 페이지 어메스 커피 - 개발기간 : 약 2주 - 개발인원 : 본인 - 작업 기여도 : 100% - 주요특징 : 가상의 커피 전문점 웹사이트 구현, passport.js 통한 로그인 기능, 반응형 구현 - js : AOS,스와이퍼,isotop 라이브러 muganghskim.github.io 코드 리뷰 및 todo list를 작성하여 발전시켜 봅시다~ 감사합니다. 2023. 3. 10.
레디스(Redis)를 활용한 네띠 채팅 프로그램 구축: 간단한 적용 방법과 실시간 메시지 저장 이번에는 네띠를 사용한 채팅 프로그램에 레디스를 적용해 보겠습니다. 다음 실습의 연장선입니다. https://rhgustmfrh.tistory.com/29 네띠를 이용한 간단한 통신프로그램 실습 (채팅) 이번에도 간단한 채팅 프로그램을 만들면서 네띠를 배워봅시다. 채팅이 가장 기본인듯 하네요... 1. 디팬던시를 추가해 줍시다. io.netty netty-all 4.1.66.Final 메이븐이나 그래들 둘중에 원하시는걸 사 rhgustmfrh.tistory.com redis.clients jedis 3.7.0 의존성을 추가하겠습니다. jedis는 자바에서 레디스를 사용하기 위한 라이브러리입니다. 챗서버를 수정하겠습니다. package com.netty.chat.testChat.chatServer; imp.. 2023. 3. 5.
Redis를 쓰는 이유 및 장점 Redis는 데이터베이스, 캐시 및 메시지 브로커로 사용할 수 있는 오픈 소스 인 메모리 데이터 구조 저장소입니다.  Redis는 속도, 확장성 및 대량 데이터 처리 능력 때문에 Java 개발자에게 인기 있는 선택이 되었습니다.  고성능: Redis는 특히 데이터 읽기 및 쓰기와 관련하여 빠른 성능으로 유명합니다.이는 Redis가 기존 디스크 기반 데이터베이스보다 훨씬 빠른 액세스 시간을 제공하는메모리에 데이터를 저장하기 때문입니다. 확장성: Redis는 수평으로 확장하도록 설계되었습니다.많은 양의 데이터와 높은 트래픽 볼륨을 쉽게 처리합니다.따라서 빠르게 확장해야 하는 애플리케이션에 적합합니다. 데이터 구조: Redis는 문자열, 해시, 목록, 세트 및 정렬된 세트.이를 통해 단일 데이터 저장소에서 다.. 2023. 3. 5.
네티를 활용한 간단한 채팅 프로그램 구축: 서버와 클라이언트 쉽게 만들기 이번에도 간단한 채팅 프로그램을 만들면서 네띠를 배워봅시다. 채팅이 가장 기본인듯 하네요... 1. 디팬던시를 추가해 줍시다. io.netty netty-all 4.1.66.Final 메이븐이나 그래들 둘중에 원하시는걸 사용해 주세요. 2. 서버를 생성해 줍니다. public class ChatServer { private final int port; private final List channels = new ArrayList(); public ChatServer(int port) { this.port = port; } public void run() throws Exception { EventLoopGroup bossGroup = new NioEventLoopGroup(); EventLoopGroup.. 2023. 3. 4.
Netty (네띠) 에 대해 알아보자. Netty는 확장 가능하고 견고한 고성능 네트워크 응용 프로그램을 개발하는 데 사용되는 널리 사용되는 Java 네트워크 응용 프로그램 프레임워크입니다. 1. Netty는 간단하고 사용하기 쉽도록 설계되어 초보자와 숙련된 개발자 모두에게 인기 있는 선택입니다. 직관적인 API와 간단한 구성으로 쉽게 시작할 수 있습니다. 2. Netty는 고성능 및 짧은 대기 시간으로 유명하므로 고성능 네트워크 응용 프로그램 개발에 이상적입니다. 네트워크 연결을 빠르고 효율적으로 처리할 수 있는 비차단 I/O 모델을 사용합니다. 3. Netty는 확장 가능하도록 설계되어 많은 수의 연결 및 요청을 처리할 수 있는 응용 프로그램을 구축할 수 있습니다. 이벤트 기반 아키텍처와 논블로킹 I/O 모델을 통해 필요에 따라 쉽게 확장.. 2023. 3. 4.
728x90
반응형

티스토리툴바