profile
Frontend 를 목표로합니다.

20200721 TIL

https://programmers.co.kr/learn/courses/30/lessons/49993스킬트리

2020년 9월 21일
·
0개의 댓글

20200918 TIL

https://programmers.co.kr/learn/courses/30/lessons/68644

2020년 9월 18일
·
0개의 댓글

하루 늦은 20200910 TIL

generator functionasync 함수hook 과 상태에 대한 이야기

2020년 9월 10일
·
0개의 댓글

우아한 테크러닝 3기 3회차

많은 라이브러리나 프레임워크들이 나오고 있습니다. 이를 사용하면 쉽게 어떠한 것을 구현하기 쉬워집니다. 하지만 개발자들이 단순히 사용자가 되지 않길 바라는 마음에 이번 회차에 리액트를 구현해보고 라이브러리나 프레임워크들의 코드의 내부를 보았으면 좋겠다고 하셨습니다. 상

2020년 9월 9일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 1회차 react-typescript

저는 이런거 되어본적이 없어서 설마 되겠어 이런마음으로 지원했고 되면 대박!! 이렇게 생각하고 지원했었습니다!그런데 두둥!~!테크러닝 선발뭐라고!? 와!!!!이런마음으로 열어보았습니다선발 메일 내용두근거리는 마음으로 메일을 열어보니 1200명중에 내가?! !!!!!너무

2020년 9월 1일
·
2개의 댓글

리다기 스터디 9. component styling

요새는 코딩은 컴포넌트 구성되는 추세라고 현업자에게 들어본적이 있습니다.(youtude daqko님 말씀)그래서 컴포넌트별로 styling을 하는게 맞는건지 아니면 styling은 모아서 따로하는게 맞는건지 잘 모르겠지만 .. 이 장에서는 css styling부터 co

2020년 9월 1일
·
0개의 댓글

리다기 스터디 8. Hooks

1. 훅스란? React 16.8버전부터 새로 추가된 class를 작성할 필요없이 상태값과 여러 React의 기능들을 사용하기 위해서 만든 api입니다. 1.1 훅스를 만들게 된 동기 class형은 컴포넌트에서 State와 관련된 로직을 재사용하기 어렵습니다.(s

2020년 8월 30일
·
0개의 댓글

리다기 스터디 7. LifeCycle

일단 라이프 사이클에 관련되서 설명을 해볼까합니다. 저는 리액트에서 라이프사이클이라는 단어를 처음 들었었고 영어다 보니 우리나라에서 잘 쓰이지 않는 단어라고 생각됩니다. 직역하면 생애주기라고 해석되며 어떤 물품, 생명이 만들어졌을때부터 없어질 때까지의 과정을 의미합

2020년 8월 29일
·
0개의 댓글

리다기 스터디 5. ref

Dom 선택자로 Dom에 이름을 달아주는 것이라고 보면됩니다. Dom자체에 변수를 입력하여 나중에 css를 변경하고 싶거나 자바스크립트 이벤트를 달아주는등을 할수 있습니다.특정 tag에 focus 등의 이벤트 적용하기,스크롤 박스 조작하기canvas 요소에 그림그리기

2020년 8월 20일
·
0개의 댓글

리다기 스터디 4. Event Handling

리액트의 이벤트 시스템은 일반 javascript의 이벤트핸들링과 비슷합니다. 다만 차이점은 html이 읽어져서 Dom구조가 완성되어있는 일반 자바스크립트와는 달리 virtual Dom으로써 return을 읽어야만 Dom에 접근이 가능하므로 return이 된 이후에 또

2020년 8월 15일
·
0개의 댓글

리다기 스터디 3-2. state

일단용어를 명확히 해야될거 같아서 용어 정리부터 하고 가야될거같습니다.(일반)변수(var, const, let) : 불변성에 구애받지 않는 변수로써 언제든 바뀔수 있고 component마다 rerendering 될때마다 초기화가됩니다. 변수는 언제든 변경이 될수있고

2020년 8월 15일
·
0개의 댓글
post-thumbnail

리다기에 나오는 ES6 문법

이 post는 javascript 전반적으로 설명하는게 아닌 es6만 간단히 설명하는 post 입니다.javascript 전반적 공부에는 부족할수 있습니다.react 들어가기전 간단히 설명한 post이기 때문에 설명및 예제가 부족할수 있습니다.let과 const 는 e

2020년 8월 14일
·
0개의 댓글
post-thumbnail

리다기 스터디 3-1. components

component에는 두가지 종류가 있습니다. 클래스형 컴포넌트와 함수형 컴포넌트. 원래는 lifecycle을 이용할수 있다는 장점때문에 클래스형 component가 자주 이용되었지만 hooks가 개발된 이후부터는 함수형 component가 자주 이용되고 잇습니다. 리

2020년 8월 11일
·
0개의 댓글
post-thumbnail

javascript 암복호화

javascript에서는 따로 암호화와 복호화 키생성등의 메소드를 가지고 있습니다. 암호화와 복호화 방법이나 알고리즘같은 경우에는 자료들은 많으나 javascript로 암복호화 한글로된 자료들이 없어서 이렇게 글을써서 제가 나중에 볼때도 기억하기 쉽고 다른분들에게도 도

2020년 8월 11일
·
0개의 댓글
post-thumbnail

[algorithm]정렬

정렬이란 나열된 정보들을 어떠한 규칙에 따라 정리해서 나열하는것을 정렬이라고 합니다. 기본적으로 쉬운 규칙은 오름차순과 내림차순에 의한 정렬입니다. 저는 여기서 오름차순을 규칙으로하는 6가지 정렬의 원리를 이해하고 자바스크립트로 구현해보려합니다. 1. 선택정렬 선택정렬

2020년 6월 5일
·
0개의 댓글
post-thumbnail

[알고리즘] DFS/BFS

그래프와 그의 탐색과정으로 깊이 우선탐색과 너비우선탐색에 관해 전 포스트에 알아봤습니다. 여기에 링크를 걸어놨으니 한번 보시고 오셔도 좋습니다.(자바스크립트로 DFS와 BFS까지 구현해놨습니다.)오늘은 그에따른 programmers 문제를 풀어보고 제가 풀었던 방법에

2020년 5월 8일
·
0개의 댓글
post-thumbnail

[자료구조] 그래프 / 깊이,너비 우선탐색

깊이 너비 우선탐색을 알기전 그래프에 관하여 알고 넘어가야됩니다. Graph(그래프) 그래프는 트리와 비슷하게 노드와 엣지로 구성되어있습니다. 그래프에서는 워딩이 다르지만 이해하기 쉽게 이 글에서는 노드와 엣지로 표현하겠습니다.(원래는 노드를 버텍스(vertex), 엣

2020년 5월 7일
·
0개의 댓글

4월 1일부로 신입 개발자가 되었습니다!

19년 11월 2일 Html의 h도 모르던 시절부터 꾸준히 하루에 2~3시간씩 해온결과 현재 React로 SPA까지 가능하게 되었고 현재는 운이 좋게도 4월 1일부로 개발자를 할수있게 되었습니다.5개월이라는 시간동안 죽을힘을 다해 열심히 해왔다고는 거짓말이겠지만 진짜로

2020년 4월 4일
·
0개의 댓글
post-thumbnail

프로그래머스 코드테스트 (기능개발)

하나만 하기 너무 아쉬워서 두번째 문제를 보니.. 어려워보이는 윈터코딩 문제라 클릭도 안하고 기능개발 문제로 넘어갔습니다. 처음 클릭한 문제다 보니 해석?도 어려웠지만 찬찬히 읽고 문제를 이해해 나가려했습니다 그래서 문제는!다음과 같은 문제였습니다. 처음에는 어떻게 하

2020년 2월 19일
·
0개의 댓글