WonnyDocs

[코드잇] 코드잇 앰배서더 1기 후기

2023.10.21

안녕하세요. 코드잇 앰배서더 1기로 활동한 dawonny 입니다. 이번 포스팅에서는 코드잇 앰배서더 1기로 활동했던 이야기와 후기를 남겨보려고해요. 이건 코드잇에서 요청한(?) 사항은 아니구요. 참여해보고 솔직하게 적어본 후기입니당! 지원 저는 개발 인스타그램을 하나 운영중인데요(@wonny_dev, @dev_event_crawler) 그러다 보니 알고리즘으로 코딩/프로그래밍에 관련된 게시물들이 많이 뜨는핀에요 코드잇 앰배서더 모집도 그 중 하나였어요! 저는 코드잇 앰배서더에 앞서 SKT의 개발자 커뮤니티인 '데보션' 홍보대사 대외활동인 '데보션영'을 활동중인데요! 이 활동은 1년 단위 활동인 것에 비해 이 코드잇 앰배서더는 한 달정도 활동하더라구요. 그래서 첫번째로 부담이 별로 없었구요. 두번째로는 서..

Develop/Flutter & Dart

[Flutter] Flutter & Dart Basics 1

2023.10.09

ref : Flutter & Dart - The Complete Guide [2023 Edition] 23-24 GDSC HUFS 플러터 스터디를 진행하며 수강한 강의를 정리한 포스팅입니다. Flutter 프로젝트 생성 터미널의 원하는 경로에서 다음을 입력 flutter create [프로젝트이름] 또는 VSCode 를 사용할 경우 cmd + shift + p 로 팔레트 열어서 flutter new project 를 선택해도 됨 Understanding Types 다트는 type-safe 언어이다. 다른 말로는 type-safety(타입 안전성)을 가진 프로그래밍 언어라고 할 수 있다. 여기서 타입 안전성이란? 프로그램이 컴파일 시간에 타입 오류를 감지하고 실행시간에 타입 관련 문제를 방지하는 개념 Da..

Develop/TypeScript

[Typescript] never 타입

2023.09.30

never 타입을 굳이 쓸일은 없을 수 있지만 개발하다가 나오면 어떤 건지는 알기위해..! never 키워드에 대해서 배워보자 never 란 함수에 void 타입을 붙이듯 return type 으로 쓸 수 있다. 예를 들어 다음과 같다 function myFunc() :never{ } myFunc 이라는 함수는 다음을 만족한다 1. return 을 하면 안된다 2. 함수에 endpoint 가 없어야한다 (둘이 같은 얘기이기는 하다) 여기서 endpoint 가 없어야한다는 것은 함수실행이 끝나지 않는 것이다. while(true) 때문에 함수 실행이 끝나지 않는.. 그런 예시를 생각해보면 되겠다. function 함수() :never{ throw new Error('에러메세지') } 위의 예시를 보자면 t..

Develop/TypeScript

[Typescript] 함수 rest parameter, destructuring 시 타입지정

2023.09.28

rest parameter 먼저 rest parameter 에 대해서 간단히 짚고 넘어가자 function PrintNumArr(...a){ console.log(a) } PrintNumArr(1,2,3,4,5) 위처럼 함수 파라미터를 만들때 앞에 ... 을 붙여주면 그 위치에는 여러값들이 들어있는 리스트가 남는다고 생각할 수 있다. [LOG]: [1, 2, 3, 4, 5] 그럼 rest parameter 의 타입지정은 어떻게 할까? rest parameter 의 타입지정 array 취급이기 때문에 (숫자가 들어가는 array 라는 가정하에) number[] 이런식으로 작성해줄 수 있겠다. 아래와 같다 function PrintNumArr(...a:number[]){ console.log(a) } Pri..

Ambassador/DEVOCEAN YOUNG

[데보션영] ‘In-Memory Data Grid 기반 Smart Factory 아키텍처링 연구 사례’ 테크세미나 후기

2023.09.28

안녕하세요! 데보션 영 2기 서다원입니다. 이번 포스팅에서는 9월 데보션 테크세미나인 [In-Memory Data Grid 기반 Smart Factory 아키텍처링 연구 사례] 후기를 공유해보겠습니다! 🚀 오세진 스피커님의 첫번째 세션 IMDG 구조 소개와 SK하이닉스 CXL Memory 적용사례 데이터가 다양해짐에 따라 여러 플랫폼이 활용되면서 복잡성이 커지고, 데이터 통합의 문제가 생겨나고 있음 -> 데이터 통합 관리에 용이한 IMDG 기술이 필요! In-Memory Data Grid(IMDG)란? 데이터 통합 관리를 위한 computing 엔진이 탑재된 In-memory distributed caching software 기술 IMDG 플랫폼의 대표적인 예로 Hazelcast IMDG 가 있음 Ha..

Ambassador/Code it

[코드잇] 코드잇에서 꾸준히 공부하기🔥

2023.09.26

안녕하세요 오늘은 코드잇에서 꾸준히 공부할 수 있는 비결✨에 대해서 몇가지 소개해드리려고해요! 벌써 코드잇 앰배서더로서의 마지막 포스팅이 되겠네요. 코드잇에는 다양한 동기 부여 장치들이 숨겨져 있는데요. 하나씩 살펴볼까요? 먼저 출석 체크 기능! 레슨을 1개이상 무엇이든 수강하면 코드잇 출석을 한 것으로 체크되어요. 매일 연속으로 강의를 수강한다면 마치 깃허브 잠디 심기하듯 꾸준히 열정을 가지고 할 수 있을 것 같아요! 매일 조금씩이라도 하는게 중요하니까요~! 하루에 레슨을 10개 수강하는 등의 여러 조건들을 만족하면 배지를 받을 수 있고, 강의를 완강하고 나면 수료증도 받을 수 있어요! 자기를 소개하는 페이지에 수료증을 업로드해도 좋고, 기분도 뿌듯할 것 같죠? 레벨시스템도 있는데요! 마치 게임같이 경..

Develop/TypeScript

[Typescript] Object 에 타입지정하기 - interface

2023.09.24

이전에 type alias 를 이용해서 타입을 변수처럼 저장해 사용하는 방법을 배웠다. 추가로, object 에 타입을 지정할 때 interface 라는 키워드를 이용할 수도 있다. interface interface Student{ name: string } interface Teacher{ name: string, age: number } let 학생: Student = {name:'kim'} let 선생: Teacher = {name:'kim', age:20} interface 는 type 키워드 처럼 사용할 수 있는 키워드이다. interface 의 장점은 extends 를 할 수 있다는 것이다. 예를 들어 위의 코드를 아래와 같이 쓸 수도 있다. interface Student{ name: st..

Develop/TypeScript

[Typescript] class 만들 때 타입지정하기

2023.09.19

필드값 타입지정 class 내부에는 object 가 사용할 수 있는 필드값을 만들 수 있다. class Person { data = 0; } let john = new Person(); let kim = new Person(); console.log(john.data); console.log(kim.data); 예를 들어 Person 이라는 class 에 0 값을 가지는 data 라는 걸 만들어놓으면 john 이나 kim 에서 이 data 라는 필드를 사용할 수 있다. 이 때 이 data 라는 필드에 타입을 지정해준다면 다음과 같다 class Person { data :number = 0; } 하지만 굳이 쓰지 않아도 자동으로 number 타입이된다. 타입스크립트는 자동으로 타입지정을 해주기 때문! co..

Finds & Notes

구글서치콘솔 다양한 문제들 해결법

2023.09.18

저는 이 티스토리 블로그를 구글 서치 콘솔에 등록해놓았는데요. 각종 관련된 문제들을 해결하면서 어떻게 해결했는지 공유하고자 포스팅을 작성해보려고해요! 적절한 표준 태그가 포함된 대체 페이지 문제 페이지 색인 생성 부분에서 '적절한 표준 태그가 포함된 대체 페이지 - 이러한 페이지는 색인이 생성되지 않거나 Google에 게시되지 않습니다' 라는 문구가 뜨더라구요. 왜 중복된 페이지가 만들어지는건가- 하고 영향을 받은 페이지를 확인해봤어요. 봤더니 다 /m/ 이 붙은 주소더라구요. 티스보리 블로그에 글을 하나 작성하면 '웹' 과 '모바일' 버전이 만들어지게 됩니다. 따라서 링크 주소도 2개가 만들어져요. 구글 서치콘솔은 별도의 설정이 없으면 웹 링크와 모바일 링크 둘중에 하나를 표준으로 설정하고, 하나는 중..

Develop/TypeScript

[Typescript] 타입스크립트로 HTML 변경/조작

2023.09.18

strictNullCheck 옵션 켜기 tsconfig.json 파일에 들어가서 strict 옵션을 true 로 켜준다. strictNullChecks 만 켜줘도 된다. (strict 안에 strictNullChecks 가 들어가 있다) 변수를 조작하면서 null 인지 체크할 때 유용하다 HTML 파일 script 태그에 변환된 index.js 를 적어서 연결해준다. HTML 찾아 변경하기 h4 제목을 다른 글자로 변경하려고 한다. 위 코드처럼 일단 '제목' 이라는 변수에 document.querySelector 를 통해 title 이라는 id 를 가진 object 를 가져온 후, narrowing 을 통해 null 이 아닌지 체크후에 null 이 아니라면 제목.innerHTML 을 '반갑소' 로 바꿔줬..

Develop/TypeScript

[Typescript] 함수와 methods에 type alias 지정하기

2023.09.17

함수 type 을 저장하기 함수에 들어갈 파라미터와 return 값의 타입들도 지정할 수 있다고 배웠는데, 이 함수의 타입도 type alias 로 저장해서 사용할 수가 있다. type NumOut = (x : number, y : number ) => number ; 위는 예시이다 NumOut 이라는 타입을 만든건데, 이 타입은 함수를 위한 타입이다. number 타입의 x 와 number 타입의 y 를 파라미터로 받아야하고, return 값이 number 타입이어야한다는 의미이다. 그래서 이 NumOut 이라는 type alias 를 함수에 직접 사용해보는 예시는 아래와 같다 type NumOut = (x : number, y : number ) => number let ABC :NumOut = fu..

Develop/TypeScript

[Typescript] Literal Types 만들기

2023.09.17

지금까지 어떤 변수에 타입을 지정하는 방법에 대해서 배워왔다. 그런데 어떤 변수에 '어떤 값' 이 들어가도록 아예 제한할 수도 있다. const 를 쓸 수도 있겠지만, 내가 어떤 변수에 들어갈 수 있는 값을 2~3개 지정할 수도 있는 것이다. 이럴 땐 Literal Type 을 선언하면된다. Literal Type string, number... 뿐 아니라 일반 값도 타입이 될 수 있다. let name :'홍길동'; 예를 들어서 위처럼 name 이라는 변수에는 '홍길동' 이라는 글자만 들어갈 수 있는 것이다. 이렇게 특정 값만 가질 수 있게 제한을 둘 수 있는 타입을 literal type 이라고 한다. 더 엄격하게 만드는 개념이다. 꼭 1개가 아니어도 된다. let name :'홍길동'|'서다원'; ..

Develop/TypeScript

[Typescript] 타입을 변수에 담기(Type Alias) / readonly

2023.09.17

Type Aliases 타입 정의가 너무 길면 타입을 변수에 담아서 쓸 수 있다. Type alias 라고 한다. 여기서 alias 는 '별명' 이라는 의미이다. let 동물 :string | number | undefined; 예를 들어서 위처럼 동물 이라는 타입이 복잡하면 이걸 따로 빼서 변수에 담아쓸 수 있다. type Animal = string | number | undefined; let 동물 :Animal; 이렇게 말이다. 타입을 변수처럼 만들어 쓰는 alias 문법이며, 대문자로 적는게 일반적이다. object 타입 저장하기 type 사람 = { name : string, age : number, } let teacher :사람 = { name : 'john', age : 20 } 위처럼 ..

Develop/TypeScript

[Typescript] 타입 확정하기 Narrowing & Assertion

2023.09.16

function plusOne(x :number | string){ return x + 1 //에러남 } 위와 같은 함수가 있다고 보자 x 파라미터는 string | number 와 같은 union 타입인데 숫자 1 을 더하기에는 x 가 string 인지 number 인지 애매하기 때문에 에러를 내게 된다. 따라서 이럴 땐 타입을 하나로 narrowing 해주거나 assert 해주거나 하면 된다. narrowing 에 대해서 먼저 알아보자 typeof 를 이용한 Type Narrowing 타입 narrowing 이란 if 문으로 타입을 하나로 정하는 것을 말한다. function plusOne(x :number | string){ if (typeof x === 'number') { return x + 1..

Develop/TypeScript

[Typescript] 함수에 타입 지정하기 / void타입

2023.09.16

참고로 수업 들으면서 아래 사이트의 ide 를 이용해 코드를 작성하고 실행시켜보면서 학습했습니다! https://www.typescriptlang.org/play TS Playground - An online editor for exploring TypeScript and JavaScript The Playground lets you write TypeScript or JavaScript online in a safe and sharable way. www.typescriptlang.org 함수는 두 군데에 타입 지정이 가능하다. 파라미터 return 값 function 함수(x :number) :number { return x * 2; } 그래서 위처럼 x 라는 파라미터를 number 라는 타입으로 지..

Ambassador/Code it

[코드잇] <좋은 알고리즘이란?> 강의를 수강하며

2023.09.16

코드잇의 [좋은 알고리즘이란?] 강의를 수강 후 학습한 내용을 정리한 포스팅입니다. 선수 과제 알고리즘의 정석 수업을 듣기 위해서는 기본적인 파이썬 문법과 컴퓨터적 사고력을 갖추고있어야 하기때문에 먼저 선수 과제가 주어졌어요. 펠린드롬인지 검사하는 함수를 만드는 문제였네요! def is_palindrome(word): # 여기에 코드를 작성하세요 # 테스트 코드 print(is_palindrome("racecar")) print(is_palindrome("stars")) print(is_palindrome("토마토")) print(is_palindrome("kayak")) print(is_palindrome("hello")) 문제는 위와 같고, 아래와 같이 결과가 나와야 했어요 True False Tru..

Ambassador/Code it

[코드잇] 코딩 무료 강의? 코드잇 추천!

2023.09.12

안녕하세요 오늘은 코딩 교육 서비스 '코드잇' 에서 수강할 수 있는 무료강의를 소개해볼까하는데요. 요즘 개발 관련 강의를 온라인으로 수강하시는 분들이 굉장히 많은데요. 개발 도서를 읽으면서 수강하는 방법도 있지만 온라인 강의도 온라인 강의만의 장점이 많죠. 그래서 그런지 무료로 수강할 수 있는 온라인 강의를 찾으시는 분들이 많은 것 같아요! 이 포스팅에서는 코드잇 사이트에 수강할 수 있는 대표 무료강의 3개 정도 소개해볼까합니다. 코딩 기초 필수! 프로그래밍 오버뷰 https://www.codeit.kr/paths/programming-overview 코딩 기초 필수! 프로그래밍 오버뷰 - 분야별 강의 | 코드잇 프로그래밍 시대에 맞는 인재 되기 www.codeit.kr 이 강의는 정말 코딩이 처음이라 ..

Finds & Notes

무료로 아바타 일러스트 만들기

2023.09.08

디자인 관련 포스팅들을 둘러보던 중 재미난 사이트를 발견했다. 링크는 아래와 같다. https://blush.design/collections/0bopA8Y5vn29mdFBU2Br/wavy-buddies-illustrations/character-avatar/nldaiXHq7BWq8PE5?c=Hair_0%7Efecb51-0.0.2.0%7E040226_Skin_0%7Edcad7f-0.0.2.0%7Edcad7f Wavy Buddies - Illustration by Susana Salas Check out this illustration on Blush. blush.design 배경색, 머리색, 피부색, 표정, 머리, 포즈 등을 선택해서 아바타 일러스트를 만들 수 있다. 보니까 아바타 말고도 sitting,..

Review

벤처 스타트업 아카데미 해커톤 후기(feat. 대상🏆)

2023.09.07

지난 8월 29일 '벤처 스타트업 아카데미 해커톤'에 참여했다. 참여 학교 중에서 내가 알기론 두 팀정도 신청해서 참여하는걸로 알고있다. 나의 경우 학교측에서 신청할 기회가 주어져서(공석이 생겨서) 내가 직접 주변 지인들로 팀을 꾸려 나가겠다고 신청했다. 안내 pdf 를 보는데 수상 시 후원 기업의 서류 전형 면제, 코딩테스트 면제 혜택이 있길래 혹 했던 것도 조금 있었다. 기본 정보 날짜는 8월 29일부터 30일까지였다. 장소가 강남역 부근이라 부담이 없어서 정말이지 좋았고..! 공지는 디스코드를 통해 진행되었다. 주제는 크게 IT 기업과 관련된 것이라고만 나오고 제일 중요한 세부 주제는 당일날 공개되었다. 입장 위치는 강남역 부근에 위치한 '드림플러스 강남' 이었다. 시설 정말 깨끗하고 해커톤에 집중..

Ambassador/DEVOCEAN YOUNG

[데보션영] 8월 영밋업 후기

2023.09.07

안녕하세요. 데보션영 2기 서다원입니다! 이번 8월 영밋업에서는 데보션 마스터분들의 알찬 네가지 세션을 들어볼 수 있었습니다. 개인적으로 인상 깊었던 내용 위주로 세미나 후기 바로 시작할게요~! 요즘 PM의 효과적인 프로젝트 관리 - 전창국님 저는 요즘 PM 이라는 직무에도 관심이 많은데요. 항상 같이 프로젝트를 진행할 때 같이 PM이랑 함께 작업을 해서 더 관심이 가는 것 같아요. 실제 실무에서 어떻게 PM이 진행하면 좋은지에 대해서 알 수 있었던 유익한 시간이었습니다. 전략 수립하기 창국님은 여러 전략 중에서도 '핵심 목표에 집중하기' 를 제일 중요한 전략이라고 소개하셨어요. 왜냐면 프로젝트를 처음 맡게 되면 진행되고 있던 프로젝트에 중간에 들어가는 경우도 있곤 한데, 이럴 땐 프로젝트 전체를 전반적..

Ambassador/Code it

[코드잇] 대학생들이 하루 10분, 코딩 습관을 기르는 법 🚀

2023.09.05

📌 대학생 코딩캠프란? 코드잇에서 제공하는 코딩캠프로, 4주동안 하루 10분! 원하는 분야의 코딩 강의를 수강하고 인증하면서 매일 공부하는 습관을 기를 수 있는 프로그램이에요. 100% 온라인으로 진행됩니다. 📌 참여 방법 코딩 캠퍼가 되면 수강기간을 2배로 늘릴 수 있어요. 이렇게 되면 두 달동안 무제한 강의를 들으며 학습할 수 있어요 ! 📌 참여 혜택 보너스 수강 기간 기존에 코드잇 멤버십에서 보너스 수강기간을 최대 14일 받을 수 있어요 활동 기간동안 미션을 성공하면 추가로 14일을 더 준다고 하네요! 활동 인증서 & 강의 수료증 코드잇만의 인증서와 수료증을 제공해요. 이력서 꿀팁노트 코딩 캠프에서 배운 것들을 활용할 수 있도록 실무자들의 꿀팁이 담긴 노트를 제공해줘요 디지털 플래너 & 손코딩 노트..

Ambassador/Code it

[코드잇] 무료/무제한 강의 들으면서 코딩 공부하기 👩🏻‍💻

2023.09.05

안녕하세요 오늘은 코딩 교육 서비스 '코드잇'에 대해서 소개해볼까하는데요. 코드잇, 이미 유명해서 아실 분들은 많이들 알고 계실거라 생각해요! 😀 요즘 코딩 교육 서비스가 정말 많이 늘어나고 있는 것 같아요. 저도 신입생 때 컴퓨터공학부에 입학하고, 인터넷 강의를 통해서 코딩을 학습하는게 효율적이고 무엇보다 재밌다는 걸 알게되면서 코딩 교육 서비스를 정말 많이 찾아다녔던 것 같아요! 저는 사실 중고등학생 때부터 프로그래밍을 해오신 분들과는 달리 대학교에 입학하고 처음 코딩이라는 걸 접했었는데요. 신입생 때 개발동아리에 들어가서, 선배들에게 웹 프로그래밍에 대해서 처음으로 배워보면서 직접 웹사이트를 코딩하는게 너무 신기해서 재미를 붙이게 된 케이스 같아요. ⬆️ 1학년 때 태어나 처음으로 만들어본 웹페이지..

Review

서울시우먼테크해커톤 후기(feat. 우수상)

2023.09.04

지난 7, 8월에 '서울시우먼테크해커톤' 이라는 해커톤에 참여했었다. 단톡방에 공유가 되길래 흥미가 생겨서 개인으로 지원을 해보았다. 어차피 팀매칭을 자동으로 해준다고 하더라! 주제는 이미 나와있었고, 공모 분야를 따로 지원서에 작성해서 그 공모 분야를 기준으로 팀매칭을 해주는 식이었다. 예를 들어 내가 개발(프론트)와 '아이 키우기 좋은 도시' 라는 주제로 지원을 했다면 '아이 키우기 좋은 도시' 주제를 선택한 다른 기획, 디자인, 백엔드 분들과 팀매칭이 되는 식이다. 4개 공모 분야 중에서 한가지를 선택하면 되었고 신청서에는 참여 동기, 계획, 참여목표, 아이디어 구체화 계획을 작성해서 내면 됐다. 아이디어 구체화 계획은 공모 분야 중에서 하나를 선택해 자신의 아이디어를 적어서 내는 것이다. 근데 이..

Develop/React.js

[React] 카카오 로그인 구현하기(백엔드와의 협업)

2023.08.11

이번 프로젝트 로그인 부분을 내가 담당하게 됐는데, 로그인 방식 중에서 카카오 로그인을 구현하게 됐다. 리액트 카카오 로그인에 관련해서 정리된 글들이 많아 개발할 때 참고하면서 진행할 수 있었다. 하지만 까먹지 않고자 한번 정리하려 포스팅해본다. 방식 프론트엔드와 백엔드가 협업하면서 카카오 로그인을 구현하는 방식이 다를 수 있다. 나는 이런 방식으로 했다- 라는 정도로 참고하시면 좋을 것 같다. 나는 프론트엔드 담당이어서 프론트엔드 입장에서 서술해보려고한다. 프론트엔드에서 카카오 로그인 요청 / 인가 코드 받기 요청을 한다 카카오에서 redirect url 로 인가코드를 프론트엔드로 보내준다. 받은 인가코드를 백엔드에게 보낸다. 백엔드는 이 인가코드를 받아 처리해서 AccessToken 을 응답으로 프론..

Develop/React.js

[React] 로그인여부에 따라 Route 접근 설정하기

2023.08.11

로그인 여부에 따라서 접속할 수 있는 페이지를 제한하는 방법에 대해서 포스팅해보려한다. 나 같은 경우에는 '/' 경로는 홈 페이지 여서 로그인을 해도, 안해도 접근이 가능해야했고 그 외에 나머지 페이지들은 isLogin 상태가 true 일 경우에만 접근가능하도록 구현하고 싶었다. 전체 코드부터 보자 ... import { userInfoState } from "./recoil/atoms/userState"; import { useRecoilState } from "recoil"; function App() { const [userInfo] = useRecoilState(userInfoState); const isLogin = userInfo.isLogin; return ( {isLogin ? ( ) : ..

Develop/React.js

[오류] react-slick slidesToShow 보다 개수가 적을 경우

2023.08.11

문제 프로젝트를 개발하면서 이렇게 여러개의 이미지 슬라이드를 구현할일이 생겼다. (백엔드랑 연동하기전이라 예시 데이터를 넣고 테스트하고 있었다.) 한번에 5개까지 보여줄 수 있도록 설정하고 데이터를 8~9개 정도 넣어놓고 테스트를 하고 있었다. 이때 settings 는 다음과 같았다. const settings = { dots: false, infinite: true, speed: 500, slidesToShow: 5, slidesToScroll: 3, arrows: true, // autoplay: true, }; 근데 예시 데이터를 2개로 줄이고 테스트하니 다음과 같이 이상하게 중복되어 나온다. 해결 구글링을 해보니까 나같은 문제를 겪는 사람들이 있는 것 같아 보였다. react-slick 레포지터리..

Develop/React.js

[오류] axios 중복 호출

2023.08.10

문제 axios 로 post 요청을 보내는데 자꾸 api 호출을 두번하는 문제가 생겼다. 다른 api 면 모르겠지만 내가 사용하는 api 는 두번 호출하면 중복된 code 여서 유효한 code 로 동작하지 않았기 때문에 문제를 해결해야했다. 해결 구글링을 하다보니 src/index.js 에서 React.StrictMode 를 지워보라는 말에 따라했더니 중복 호출을 막을 수 있었다.

Develop/React.js

[React] date picker 로 날짜 선택하기

2023.08.10

개발을 하다가 날짜를 선택하는 기능을 구현할 일이 생겼다. 어떤걸 쓸까 찾아보는데 react-datepicker 라는 게 있었다. 근데... 좀 못생겼다? 물론 커스텀을 할 수는 있지만 지금 당장은 커스텀 없이도 좀 더 예쁜걸 사용하고 싶었다. 그러다 mui x 라는 걸 찾았다. https://mui.com/x/react-date-pickers/date-picker/ React Date Picker component - MUI X The Date Picker component lets the user select a date. mui.com 대충 이런식으로 생겼다. 설치 npm install @mui/x-date-pickers // Install date library (if not already ins..

Ambassador/DEVOCEAN YOUNG

[데보션영] 7월 영밋업 후기!

2023.08.06

안녕하세요. 데보션영 2기 서다원입니다! 데보션영의 활동 중 하나는 바로 영들과 함께하는 밋업! 인데요. 한달에 한번씩 온라인으로 만나 세미나를 듣고 현직자분들과 Q&A를 할 수 있는 시간을 가진답니다. 하지만 이번 7월 밋업은 데보션영의 지인들도 참여할 수 있는 밋업이었어요! 주변 지인들에게 밋업관련해서 공유해주니까 다들 좋아하시더라구요🥹 이번 7월 밋업 발표는 다음과 같았는데요~ 1. 영업맨 왕대리는 어떻게 데보션 전문가가 되었을까? (왕태웅님) 2. 개발자의 성장과 오픈소스, 그리고 커뮤니티 (박정환님) 3. 컴공 후배들이 3~4학년때 가장 많이 하는 질문 Top 10 (김한성님) 4. 생생한 취업 준비 과정과 팁 (심재훈님) 대학생들이 다들 궁금해하고 관심가질만한 내용이죠? 정말 데보션은 데보션영..

Ambassador/DEVOCEAN YOUNG

[데보션영] SKT본사방문 & 티움(T.um)투어 후기

2023.08.06

안녕하세요. 데보션영 2기 서다원입니다! 오늘은 SKT T타워에서 진행된 티움 투어 체험과 SKT 본사를 방문해본 후기를 포스팅해볼까합니다.저는 데보션영 활동의 일환으로 티움투어를 진행하게 되었는데요.직접 사이트에서 예약하고 방문할 수도 있어요. 예약할 수 있는 사이트는 아래 링크를 참고해주세요!https://tum.sktelecom.com/reservation/registReservation.do 미래기술 체험관 T.um(티움)SK텔레콤 미래기술 체험관, 시설 안내, 방문예약, 전시관 정보, 체험 서비스 등 제공.tum.sktelecom.com투어 유형에는 유튜브 라이브 투어와 현장 투어가 있는데 현장 투어를 선택해주시면 될 것 같아요. 먼저 을지로에 있는 SKT T타워에 도착을 했어요.데보션영담당자님..

전체 글

[코드잇] 코드잇 앰배서더 1기 후기

[Flutter] Flutter & Dart Basics 1

[Typescript] never 타입

[Typescript] 함수 rest parameter, destructuring 시 타입지정

[데보션영] ‘In-Memory Data Grid 기반 Smart Factory 아키텍처링 연구 사례’ 테크세미나 후기

[코드잇] 코드잇에서 꾸준히 공부하기🔥

[Typescript] Object 에 타입지정하기 - interface

[Typescript] class 만들 때 타입지정하기

구글서치콘솔 다양한 문제들 해결법

[Typescript] 타입스크립트로 HTML 변경/조작

[Typescript] 함수와 methods에 type alias 지정하기

[Typescript] Literal Types 만들기

[Typescript] 타입을 변수에 담기(Type Alias) / readonly

[Typescript] 타입 확정하기 Narrowing & Assertion

[Typescript] 함수에 타입 지정하기 / void타입

[코드잇] <좋은 알고리즘이란?> 강의를 수강하며

[코드잇] 코딩 무료 강의? 코드잇 추천!

무료로 아바타 일러스트 만들기

벤처 스타트업 아카데미 해커톤 후기(feat. 대상🏆)

[데보션영] 8월 영밋업 후기

[코드잇] 대학생들이 하루 10분, 코딩 습관을 기르는 법 🚀

[코드잇] 무료/무제한 강의 들으면서 코딩 공부하기 👩🏻‍💻

서울시우먼테크해커톤 후기(feat. 우수상)

[React] 카카오 로그인 구현하기(백엔드와의 협업)

[React] 로그인여부에 따라 Route 접근 설정하기

[오류] react-slick slidesToShow 보다 개수가 적을 경우

[오류] axios 중복 호출

[React] date picker 로 날짜 선택하기

[데보션영] 7월 영밋업 후기!

[데보션영] SKT본사방문 & 티움(T.um)투어 후기

티스토리툴바

티스토리툴바