profile
최강 프론트엔드 개발자가 되고싶은 안유진 입니다
태그 목록
전체보기 (715)algorithm(148)python(145)baekjoon(113)CodingTest(78)JavaScript(78)programmers(59)React(54)react.js(49)Lv1(36)git(33)CSS(33)bruteforce(29)masterclass(26)master-class(22)hooks(22)Silver1(20)silver3(20)Lv2(17)dynamicprogramming(16)greedy(15)silver4(15)silver5(14)PythonPlus(14)silver2(14)개발환경(14)shouldToRetry(12)math(12)CODESTATES(11)Implementation(9)DataStructure_1(9)DFS(9)stack/queue(8)네트워크(8)typescript(8)BFS(7)http(6)Lv3(6)Bronze2(5)DataStructure_2(5)백트래킹(4)hash(4)Bronze3(4)tree(4)TwoPointer(4)정렬(3)preonboarding(3)Bronze1(3)zoom(3)기술면접(3)GraphTraversal(3)queue(3)html(2)ux(2)DP(2)UI(2)beakjoon(2)비동기처리(2)react router dom(2)iron1(2)API(2)node.js(2)Alorithm(2)graphql(2)fontawsome(1)coingTest(1)cdd(1)baekjooon(1)기억상자(1)Rambda(1)Hasch(1)유진참고(1)useTab(1)crome(1)Let me Do it Again~(1)DataStucture_1(1)ShuldToRetry(1)barkjoom(1)react-master(1)bronze4(1)Satck&Queue(1)gh-pages(1)Programmer(1)backjoon(1)redux(1)DNS(1)배포(1)ip(1)frontend(1)cors(1)ubuntu(1)array(1)vscode(1)scss(1)async(1)study(1)error(1)모의고사(1)url(1)자료구조(1)객체(1)nextjs(1)CSR(1)SSR(1)await(1)useCallback(1)domain(1)JSX(1)useEffect(1)useState(1)useMemo(1)useRef(1)json(1)URI(1)axios(1)ajax(1)set(1)CRUD(1)postman(1)seo(1)package.json(1)datastructure(1)apt(1)silver(1)round(1)재귀(1)server(1)Graph(1)client(1)REST(1)spa(1)level1(1)grid(1)sop(1)이분탐색(1)오류(1)취준(1)datastucture(1)POWER(1)WAI-ARIA(1)CS기초(1)heapq(1)바빌로니아(1)
post-thumbnail

useTitle

문서 제목을 업데이트 하는 hooks를 만들어보자useTitle 을 통해 useEffect(updateTitle, title); componentDidMount, ComponentDidUpdate를 알 수 있다.

2023년 5월 21일
·
0개의 댓글
·
post-thumbnail

useEffect

useEffect는 2개의 인자를 받는데 첫번째는 function으로써의 effect 이다. 두번째 인자는 dependency 리스트이다.useEffect로부터 function이 리턴된다. 그것이 componentWillUnmoun이다.지금은 이에 대한 설명이 없지만

2023년 5월 21일
·
0개의 댓글
·
post-thumbnail

useTabs

웹 페이지에서 자주 사용하는 Tab 기능을 구현하기 위해 필요한 useTabs을 간단히 알아보자.content 라는 배열을 만들어 TabList 를 넣어준다.onClick 함수를 호출할 때마다 idx값을 전달하고, 현재 Tab 값이 변화하며 화면이 re-render 되

2023년 5월 19일
·
0개의 댓글
·
post-thumbnail

useInput

useInput은 기본적으로 Input을 업데이트 한다.이렇게 만들어 이벤트를 분리된 파일, 다른 entity에 연결해서 처리할 수 있다.알고는 있었지만, 다시 한번 정리해서 좋다.이는 hooks와는 관계 없지만, 더 예쁘게(검증기능을 가진) function을 만들

2023년 5월 19일
·
0개의 댓글
·
post-thumbnail

useState

hooks는 react 의 state machine에 연결하는 기본적인 방법이다.코드를 더 예쁘게 만들어주고, 더이상 class를 사용하지 않고, 모든 것이 함수형 프로그래밍이 되는 것이다.즉, nice한 프로그래밍을 위함이다.useSatate는 항상 2개의 값을 re

2023년 5월 19일
·
0개의 댓글
·
post-thumbnail

구름EDU_A+B

반올림소수점 대체 출력알아야 할 것은1\. round 함수2\. format 함수 사용법 ★★★★★"{:.소수점갯수f}".format(N)

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

구름EDU-태민이의취미

정육면체의 부피는 한변의 길이가 n일 때 nnn 이다길이가 1부터 n까지의 정육면체의 부피들의 합을 구하는 문제인데반복문을 이용하여 n을 세제곱 하여 합을 구하게 된다면 시간초과로 오답을 출력한다.반복문으로 구하지말고 "세제곱의 합 공식"을 이용하여 풀면 된다.참 어렵

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

합격하는 면접 VS 불합격하는 면접

이것이 준비가 되어야, 내용에 해당하는 부분을 어필할 수 있다.면접이 두려운 이유는?면접에서 최악의 상황은, 떨어지는 것. 그 이상도 없다.상대방에게 절박한 느낌을 주면, like 연인과의 관계에서처럼 좋지 못한 대화가 나온다.너무 한 쪽이 일방적으로 굴면, 자신감을

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

프리온보딩_리액트해부학_O.T

2간 4번의 수업을 들을 것이다. 화, 금 7시(3시간)이후 4주간의 취업 챌린지가 시작된다.카메라는 키되 아바타로 참여 가능하다.5번의 챌린지가 있다고 한다.

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

프리온보딩_리액트해부학_React18에서 추가된 hook

React Lifecycle에 대해 간단히 설명해주세요React18에서 업데이트 된 기능에 대해 설명해주세요React18에서 추가된 hook들에 대해 설명해주세요요즘 관심있는 주제가 있다면 알려주세요클라이언트와 서버간의 hydration의 mismatch를 피하면서 유

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

프리온보딩_리액트해부학_React18 업데이트된 기능

React Lifecycle에 대해 간단히 설명해주세요React18에서 업데이트 된 기능에 대해 설명해주세요React18에서 추가된 hook들에 대해 설명해주세요요즘 관심있는 주제가 있다면 알려주세요배치란, 리액트가 더 나은 성능을 위해 여러 개의 상태 업데이트를 한

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

프리온보딩_리액트해부학_React Lifecycle

React Lifecycle에 대해 간단히 설명해주세요React18에서 업데이트 된 기능에 대해 설명해주세요React18에서 추가된 hook들에 대해 설명해주세요요즘 관심있는 주제가 있다면 알려주세요모든 리액트 컴포넌트에는 라이프사이클이 존재한다.컴포넌트는 ‘생성(mo

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

react-SSE

SSE(Server Sent Event)란 서버에서 클라이언트로 데이터를 보내는 단방향 통신을 의미한다.실시간 알림처럼 서버가 클라이언트에게 데이터를 '단방향'으로 전달해야 할 때 사용한다.websocket과 달리 별도의 프로토콜 없이 HTTP 프로토콜 만으로 사용 가

2023년 3월 25일
·
0개의 댓글
·
post-thumbnail

GraphTraversal_쉬운 최단거리(14940)

BFS 이용visited 이차원 배열, board 이차원 배열 사용상,하,좌,우 탐색(dy,dx 만들어 for문 돌릴 수 있으니 시간 줄이기 위해 그냥 if문 4개 사용) 그럼 메모리와 시간 차이 조금 있다..무난 했다. 이제 그래프 탐색 골드 문제 풀러 간다..!정

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

GraphTraversal_봄버맨(16918)

checkBomb() 만들어 폭탄 위치 값을 queue에 담음모든 위치에 폭탄 설치 plantBomb()queue 폭탄 폭파 상우좌하 폭탄 폭발 & checkBomb queue에 담음빨리 풀었는데왜인지 계속 틀리더라그 이유는 마지막에 print 방식에 있었다..이렇게

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

GraphTraversal_효율적인 해킹(1325)

DFS는 recursion error 나서 BFS로 풀었다..그리고 제출시 python3는 오류나서 pypy로 고쳐서 냈다.그리고 BFS return 값을 변수로 해야했다. 만약 배열로 하면 또 시간 초과 나더라..Node의 수가 정해진 경우 BFS에서는 가능하면 Ha

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

경력 n년차 우대를 뛰어 넘는 서류 작성법

도대체 신입은 어떻게 취업하나요?부제: 경력직만 선호하는 더러운 세상!수시채용에 대해 깊게 살펴보고 어떻게 이 생태계에서 살아남을지 알아보자.먼저 공채는 공통 역량을 가진 자를 뽑고자 한다. 수시 채용은 '일 경험'을 본다. 그렇다면 나에게는 불가능한가?수시채용에서 원

2023년 3월 22일
·
0개의 댓글
·
post-thumbnail

나만의 커리어 설계하기

Keyword : 좁아지는 문 - 한명의 검증된 인재가 필요Keyword : 경력직 선호 - 신입들 중에서도 실무에 가까운 경험을 쌓은 인재를 원한다Keyword: 소규모 수시 채용 - 자주 채용 공고 확인해야 한다. 늘 준비가 되어 있어야 한다.Keyword: 직무

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

프리온보딩 커리어 킥오프 O.T

완주한다면?면접 특강이 진행된다!큐레이션 페이지란 최고/저 연봉에 대한 정보와 공고를 알 수 있는 페이지를 제공 받을 수 있다.합격 보상금 50만원 또한 받을 수 있다. ! 원티드 이력서를 인증하고, 원티드를 통해 합격해야 한다.또한 SNS에 커리어 킥오프를 홍보하면

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

토토백_학부 연구생 민상(21922)

토토백_학부 연구생 민상(21922) 문제 풀이 코드

2023년 3월 16일
·
0개의 댓글
·