일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 리액트
- 함수
- BIND
- 스코프
- typescript
- react
- ES6
- Number
- this
- CSS
- null
- 데이터 타입
- 뷰
- var
- let
- VUE
- const
- redux
- 컴포넌트
- 모던
- 모던 자바스크립트
- js
- todolist
- 자바스크립트
- 라우터
- 객체
- 투두리스트
- Interface
- function
- 타입스크립트
- Today
- Total
목록전체 글 (83)
홍준혁
생각보다 긴 코드를 요구하는거 같다... 완성된 홈과 프로젝트 탭을 보면 이렇게 구성되어있다. 여기서 프로젝트의 관리는 여기서 데이터를 추가하는 형식으로 작동한다. 추후에 프로젝트 데이터를 넣어본다면, 볼만한 그림이 나올것이다. 다음에는 완성된 모습으로 돌아오겠다~ . . . 요즘 블로그를 자주 못쓰는거 같은데 변명이라면 변명이지만, 새로운 기술을 배우고있기때문에 포스트를 할 시간이 없는거같다. 새로운 기술을 내 것으로 만든다면 그때 포스팅을 활발하게 하도록 하겠다.!! 그럼 뿅!
오늘은 노마드 코더 ToDoList콘테스트에 참가했다. 게다가 참가자 전원에게 커피 쿠폰은 준다고 하니까 참여 안 할 이유가 없었다!그래서 이틀동안 열심히 준비해서 콘테스트 출품작을 완성했다! 완성된 출품작은 hong-junhyeok.github.io/Nomad_Todo_contest/ Nomad Todo Contest hong-junhyeok.github.io 여기서 확인할 수 있다! 최종 발표일이 3월 2일인데... TMI이지만 그때는 내 생일이기도 하다. 그러니까 그때 좋은 결과가 났으면 좋겠다! nomadcoders.co/community/thread/207 #207 – 노마드 코더 Nomad Coders 개발자 99% 커뮤니티에서 수다 떨어요! nomadcoders.co 위 사이트에서 추천이 가..
create-react-app --template typescript로 타입스크립트 리액트 프로젝트를 빌드해준 다음, 폴더들을 정리하고 color_scheme를 작성하였다. 현재 제일 중요한 디자인을 하지 않았기때문에 간단한 파일 구조를 형성하고 디자인을 할 예정이다. 지금 포트폴리오 만들기에서 가장 걱정되는건 애니메이션이다. 스크롤 될때 화면에 보여지는 순간에 어떤 애니메이션을 몇초동안 얼마나 보여줘야하는지... 버튼에 마우스가 호버되었을때 어떤 애니메이션을 보여줘야 할지... 고민이 너무많고 할수있을지 고민이다. 디자인 감각이 너무 없어서 외국의 포트폴리오 자료를 보면서 익혀가야겠다
오늘은 파이썬에서 웹 크롤링을 하는 방 법을 알아보도록 하자. 먼저 pip install로 아름다운 비누 4를 깔아주도록 하자! 그리고 requests 라는 패키지도 다운로드하여 주도록 하자. pip list를 해보면 잘 받아진걸 확인한 후, 다운로드한 패키지에서 urlopen라는 함수와 BeautifulSoup라는 함수를 가져와서 사용해보도록 하자 이제 urlopen이라는 함수에 접속할 주소 값을 넣고, 변수에 담는다. 이제 이 정보를 html문서로 변환하는 과정을 거쳐야 하는데, 이때 아름다운 비누를 사용하는 것이다. 그렇게 bsObject에는 네이버의 html정보가 다 담겨있다. 그다음, 이 bsObject를 출력해보면, 이거는 빙산의 일각이고, 더 많다. 하지만 우리가 '크롤링'을 하기 위해서는 ..
오늘은 유튜브에서 유튜브 강의를 보면서 유튜브 클론 코딩을 했다.... (...?) www.youtube.com/watch?v=67stn7Pu7s4 css와 레이아웃의 개념을 확실하게 잡을려고 했으며, 결과는 위와 같다. 사실 따라 적으면서 정신이 굉장히 없었는데, 심지어 css전처리기도 사용 안 하고 순수 css로 하시며, 전처리기의 감사함을 느끼라고 하셨다....... 안 그러셔도 되는데... 아무튼 만들어보고 느낀 점은! 생각보다 반응형 만들기가 쉽지 않다는 것이다. 사실 저 위에 움짤을 보면 알겠지만, 글자가 다 깨졌다... 평소에 개발하면서 반응형이라는 거는 개나 줘버리고 개발하는데 이번 개발을 하면서 반응형이 없으면 안 되겠구나...라는 생각을 하고 앞으로 미디어 쿼리에 집중적으로 공부해봐야겠..
오늘 소개할 것은 바로 타이핑 이펙트이다. 어느 포트폴리오 사이트를 보다가 이런 이펙트가 있어서 되게 참신하다고 생각해서 라이브러리를 찾아보다가 괜찮은 라이브러리가 있는 거 같아서 소개해 주려고 한다. 바로 이것이다. www.npmjs.com/package/typing-effect-reactjs typing-effect-reactjs React UI component to render aesthetic yet elegant typing effect www.npmjs.com 이게 쫌 다운로드 수가 적지만... 그래도 기능은 괜찮은 것 같다. 간단한 사용법은 import { Typing } from 'typing-effect-reactjs'; 라이브러리에서 Typing이라는 모듈을 가지고 온다. 그리고 출력..