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

Docker 설치(프론트엔드, React, TypeScript)

도커는 개발 환경을 표준화하고 컨테이너를 통해 손쉽게 애플리케이션을 실행할 수 있는 도구입니다. React와 TypeScript로 개발하는 프론트엔드 프로젝트에 도커를 적용하려면 다음 단계를 따라 진행할 수 있습니다.도커를 아직 설치 중이라면, Docker 공식 사이트

2024년 11월 27일
·
0개의 댓글
·
post-thumbnail

Docker-도커 허브

도커 허브 ID와 비밀번호는 도커 이미지를 도커 허브(Docker Hub)에서 푸시(push)하거나 풀(pull) 할 때 사용됩니다. 도커 허브는 도커 이미지들을 저장하고 관리하는 레지스트리 서비스입니다. 즉, 특정 이미지를 다운로드하거나, 자신이 만든 이미지를 도커

2024년 11월 27일
·
0개의 댓글
·
post-thumbnail

Python_OOP(객체지향 프로그래밍)

OOP는 코드를 구성하는 방법에 대한 규칙OOP는 직관적이고 데이터아 구조를 직관적으로 생각하게 해준다.Class 에는 속성, 메서드, 상속이 있다.이해하기 쉬운 코드를 위해.캡슐화를 위해다른 종류의 데이터와 함수들을 동일한 하나의 파일에 갖고 있는것 대신에, 데이터를

2024년 11월 24일
·
0개의 댓글
·

페이지 한번에 생성하는 맥 명령어

아주 편하다!

2024년 11월 18일
·
0개의 댓글
·
post-thumbnail

Expo Go

eas publisheas update

2024년 11월 18일
·
0개의 댓글
·
post-thumbnail

Python_웹스크래퍼만들기

인스타그램 백엔드는 python 으로 만들어져 있다.인공지능 역시 python 으로 만들어졌다. (model 학습 등등)금융에서 trading 같은 것도 가능하다.과학 분석, 통계 등등 데이터의 시각적 처리도 python으로 한다.생태계가 정말 크고 다양하다.pytho

2024년 11월 10일
·
0개의 댓글
·
post-thumbnail

Client AWS HTTPS 배포하기

구글링을 많이 해도 못찾았었는데, 유튜브 보고 한번에 해결AWS의 Certificate Manager 서비스 접속 -> '버지니아 북부'로 인증서 만들기 -> Route53 레코드 생성 클릭S3 로 정적 웹사이트 배포(하는 방법은 검색하면 다 아시리라)CloudFron

2024년 10월 27일
·
0개의 댓글
·

Hash_Lv2_의상

문제 설명코니는 매일 다른 옷을 조합하여 입는것을 좋아합니다.예를 들어 코니가 가진 옷이 아래와 같고, 오늘 코니가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야합니다.종류 이름얼굴

2024년 10월 13일
·
0개의 댓글
·
post-thumbnail

[JavaScript] Hash Map

코테하면서 해시맵을 배우게되었습니다.객체랑 유사하지만, 훨씬 활용도가 높습니다.Map은 JavaScript의 내장 객체 중 하나로, 키와 값을 저장하는 데이터 구조입니다. Map과 일반 객체 {}는 비슷해 보이지만, 중요한 차이점이 있습니다. 아래에서 자세히 설명할게요

2024년 10월 13일
·
0개의 댓글
·
post-thumbnail

자바스크립트 소수점 올림, 버림, 반올림

잊지마

2024년 10월 10일
·
0개의 댓글
·
post-thumbnail

시, 분 두자릿수로 표현하기 (00:00)

맨날 해도 까먹는다. 코딩테스트때는 까먹지 말자.

2024년 10월 10일
·
0개의 댓글
·
post-thumbnail

자바스크립트 반복문

자바스크립트 반복문 반복문은 반복적으로 실행해야하는 코드가 있을 때 사용한다.처음에 for in문과 for of문을 접했을 때는 생긴게 비슷해서 누가 어떤때 쓰는 거였지..하고 헷갈렸었다. 지금은 헷갈리진 않지만 한번 정리하고 가면 좋을 것 같아서 다른 반복문들과 정리

2024년 10월 10일
·
0개의 댓글
·

웹 코드 영역을 이미지로 다운로드 하기

은근 자주 구현하게 되는 코드이다.라이브러리 없이 구현하는게 제일 마음 편해서 공유한다

2024년 7월 23일
·
0개의 댓글
·
post-thumbnail

[PostMan] Notion API

구글링 하다가 답답해서 직접 블로그를 쓴다내가 하고싶은것 : 백엔드가 없어 임시 DB가 필요하고 일단 노션에다 만든 DB를 읽어오는 것. 추가 삭제는 그 다음에 구현하고 포스팅할 예정.https://developers.notion.com/Notion Inter

2024년 7월 17일
·
0개의 댓글
·
post-thumbnail

[Nomard] React Native - Delete

삭제하는 버튼에서 deleteTodo 함수를 실행시켜보자.오브젝트를 delete 메서드를 이용해서 없애면 된다.importuse출처: https://reactnative.dev/docs/alert#alert

2024년 7월 2일
·
0개의 댓글
·
post-thumbnail

[Nomard] React Native - Persist

휴대폰에 나의 Data를 Persist로 저장하고 싶다.expo 로 가서 module을 찾자.그건 바로, asyncStorageasync, await를 사용해줘야 한다.또한 공식문서처럼 항상 try catch 문을 써주는게 좋다.import Storing data Re

2024년 7월 1일
·
0개의 댓글
·
post-thumbnail

[Nomard] React Native - To Dos

이번에 할 것은 단순 자바스크립트이다.object를 이용한 투두 자료를 state 로 갖고 있는 것.여기서 봐야할 것은Object.assign 이다. 이를 활용해 object 를 합칠 수 있게 된 것이다.assign이 헷갈린다면ES6문법으로 볼 수 있다, 위와 같은 내

2024년 7월 1일
·
0개의 댓글
·
post-thumbnail

[Nomard] React Native - Text Input

[Nomard] React Native - Text Input

2024년 7월 1일
·
0개의 댓글
·
post-thumbnail

[Nomard] React Native - Touchables

[Nomard] React Native - Touchables

2024년 6월 27일
·
0개의 댓글
·
post-thumbnail

[Nomard] React Native - WORK HARD TRAVEL HARD APP

투두리스트를 만들면서키보드 이벤트 제어input 제어(react와 다름, form 이 없음)데이터 상태 관리하는 법(휴대폰을 꺼도 유지되도록)을 배워보자.exxpo init 앱이름 --npm으로 프로젝트를 생성해보자.

2024년 6월 26일
·
0개의 댓글
·