본문 바로가기

전체 글

 (73)
2020.07.11. * 아래의 글은 Do Your Best 프롤로그를 먼저 읽으신 후 읽으시기를 권장합니다. 2020.07.11 오늘의 목표 Github DYB-Nooks, simplecounter Readme파일 정리하기 아는 동생 정보 수행평가 도와주기 simplecounter를 활용한 scorecounter 개발하기 동기 class형 컴포넌트가 아닌 함수형 컴포넌트로 개발하고 싶어서 react hooks를 사용한 함수형 컴포넌트 개발에 익숙해지고 싶어서 다른 사람들이 포기 편하도록 Readme 파일 정리 React Hooks의 기본정보를 알기 위해서는 2020.07.08.과 2020.07.09. 게시글을 보시면 됩니다 😀 일단 제일 먼저 Readme 파일을 정리했습니다! DYB-Nooks 보러가기 - https://g..
2020.07.10. * 아래의 글은 Do Your Best 프롤로그를 먼저 읽으신 후 읽으시기를 권장합니다. 2020.07.10 오늘의 목표 React Hooks와 React-Redux를 사용한 카운터 만들기 React Hooks에서 Redux 연결해서 사용하기 동기 class형 컴포넌트가 아닌 함수형 컴포넌트로 개발하고 싶어서 개발 시간 단축 및 효율성을 높이고싶기 때문에 React Hooks의 기본정보를 알기 위해서는 2020.07.08.과 2020.07.09. 게시글을 보시면 됩니다 😀 이 글은 Redux와 React-Redux에 대한 기본 지식이 있어야 합니다 😥 저는 https://velopert.com/1266 이 글을 제일 추천합니다! 저도 이 글을 보고 공부했는데 정말 이해하기 쉽게 되어있습니다. 단... 저..
2020.07.09. * 아래의 글은 Do Your Best 프롤로그를 먼저 읽으신 후 읽으시기를 권장합니다. 2020.07.09 오늘의 목표 리액트 훅 남은거 끝내기(노마드 코더 실전형 리액트 Hooks 강의 정독) 리액트 훅을 사용한 간단한 웹사이트 구현(카운터 앱) 학습시간과 쉬는시간을 나눠서 효율적으로 학습 SNS(facebook, instagram), Youtube 사용 시간 줄이기. 동기 class형 컴포넌트가 아닌 함수형 컴포넌트로 개발하고 싶어서 개발 시간 단축 및 효율성을 높이고싶기 때문에 useState, useEffect, useRef를 사용하지않고, custom hook을 만들어볼까요? 저희는 같이 개발자가 커스텀 할 수 있는 팝업창을 만들어볼까요? 자 그러면 이제 코드를 작성해볼까요~? export c..
2020.07.08. * 아래의 글은 Do Your Best 프롤로그를 먼저 읽으신 후 읽으시기를 권장합니다. 2020.07.08 오늘의 목표 리액트 훅 배우기(노마드 코더 실전형 리액트 Hooks 강의 정독) 리액트 훅을 사용한 간단한 웹사이트 구현 동기 class형 컴포넌트가 아닌 함수형 컴포넌트로 개발하고 싶어서 개발 시간 단축 및 효율성을 높이고싶기 때문에 React Hooks? functional component에서 state를 가질 수 있게 해준다. 함수형 프로그래밍 스타일로 개발할 수 있다. React Hooks를 사용한다는 것은 class component, componentDidMount, render 이런 것들을 안해도 된다는 뜻이다. React Hooks의 간단한 예시를 살펴보자. 이 예시를 살펴보면 R..
Do Your Best 프롤로그 안녕하십니까. 잡학다식 집합소를 운영하고있는 대구소프트웨어고등학교 3학년 황대성입니다. 취업시즌이 다가오는 7월 열심히 이력서와 포트폴리오를 작성하고 여러 회사에 이력서를 넣고 있는중입니다. 제가 관심있는 회사를 찾고, 준비해서 이력서를 넣고 기다리는 과정이 긴장되기도하고, 한편으로는 지겹기도 합니다. 그래서 이 기간을 조금 더 알차게 보내고싶다는 생각이 들어서 Do Your Best를 기획했습니다. Do Your Best? 너의 최선을 다해라!!! 개인 공부, 팀 프로젝트, 사이드 프로젝트 등.. 내가 하는 모든것에 후회하지 않도록 최선을 다하자는 마음에서 Do Your Best를 기획했습니다. 이때까지 개인 공부를 하면서 기록하지 않고 공부를 했습니다. 그렇게 공부를 하니 그 기술을 사용하지 않으면 ..
2019 대한민국 SW대전을 다녀온 후... 참여 - 2019 대한민국 SW대전 일시 - 2019.12.04. 장소 : 서울 코엑스 B홀 ★ 오늘은 서울 코엑스에서 열린 2019 대한민국 SW대전에 참관했다. 코엑스에 도착하여 들어가자마자 마이스터 3개교 부스에 제일 먼저 갔다. 우리 학교(대구소프트웨어고등학교)는 학생들과 선생님들이 쉽게 연락할 수 있고 학교생활을 편리하게 하기위한 도담도담과 인공지능과 오목대결을 할 수 있는 하드웨어가 전시되어있었다. 도담도담은 이 전에도 많이 보고 베타서비스를 시작하여 이미 알고 있었지만, 인공지능과 오목대결을 할 수 있는 하드웨어는 처음보고 신기해서 많이 놀랬다. 오목 알고리즘과 인공지능도 개발하고, 하드웨어는 3D프린터를 이용해서 개발한 것을 보고 아이디어가 많이 좋다고 생각했다. 그리고 그것을 실현했다는 ..
마스크 올림이 - 프로젝트명 : 마스크 올림이 - 프로젝트 주제 : 미세먼지 농도를 측정하여 농도가 오염일 경우 일회용 마스크를 하나씩 올려주는 하드웨어 - 팀명 : 아망뜨 - 팀원 : 총 2명(Hw 개발, Sw 개발) - 역할 : Hw 개발(미세먼지 센서, 인체 감지 센서, 모션 감지 센서, Led, 부저 연결 및 하드웨어 제작), Sw 개발(각 센서별 코드 작성) - 개발기간 : 2019.05.29. ~ 2019.07.09. - 개발언어 : C - Tool : 라즈베리파이(Raspberry Pi), 아두이노(Arduino), Arduino IDE, Facebook Messanger - 개발원리 인체감지센서로 하드웨어 사용자가 가까이 오는지 감지합니다. 사용자가 일정 거리 이상 온다면 미세먼지 센서로 미세먼지 농도를..
한민족얼굴대백과사전 - 프로젝트명 : 한민족얼굴대백과사전 - 프로젝트 주제 : 사진의 얼굴을 인식해 닮은 꼴 연예인을 보여주는 서비스 - 팀명 : 이클(Ecle) - 팀원 : 총 6명(Server, Web) - 역할 : 전체 페이지 프론트엔드(메인 페이지, 소개 페이지, 결과 페이지, 팀페이지 Etc...) - 지원하는 플랫폼 : Web - 개발기간 : 2018.08.18. ~ 2018.12.20. - 개발언어 : JavaScript, HTML, CSS, Ajax, JQuery - Tool : Slack, Brackets, Visual Studio Code, Dropbox - 개발목표(동기) 개발목표 : 사진을 인식해 닮은 연예인을 보여줌과 동시에 닮은 꼴 퍼센트를 보여준다. 개발동기 : 웹과 관련된 프로젝트를 진행하고 싶..

티스토리툴바