profile
개발괴발
post-thumbnail

[백준/1260/node.js]DFS와 BFS

DFS와 BFS의 정석같은 문제이다.DFS랑 BFS 문제는 몇 번 풀어봤는데 풀 때마다 헷갈림..익숙해질 만큼 풀자!쉽게 얘기하면 DFS는 아래로 계속 내려가고 BFS는 옆으로 계속 옮겨간다고 생각하면 된다.그래서 DFS는 재귀나 stack을 사용하고BFS는 queue

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

React Native에서 토글 버튼 만들기

토글을 Switch 컴포넌트로 만들었더니 iOS랑 Android의 기본 Switch 디자인이 다른거였다!iOS는 내가 기대한 디자인대로 잘 나왔는데 Android는 저렇게 못생기게(?) 나왔다.iOS에서만 테스트하거나 Android에서만 테스트 했으면 몰랐을 것들이 많

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

Gitlab 초기 환경 설정 🦊

gitlab이나 github나 똑같겠지~ 하고 똑같이 쓰다가 깃랩한테 호되게 혼났다.깃허브처럼 git init하고 git clone http:// 프로젝트 url를 했는데 아래와 같은 경고문이 계속 나왔다.그리고 어찌저찌 가져왔다 해도 브랜치 꼬이고 origi

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

React Native Mac에서 시작하기 🍎

React Native 시작하기 1. Homebrew 설치 Homebrew는 Mac에서 필요한 패키지를 설치하고 관리하는 Mac용 패키지 관리자입니다. 1. Homebrew 설치 터미널에 아래 명령어를 입력하여 Homebrew를 설치합니다. 2. Homebrew

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

[TIL] new Array().fill()로 값 할당할 때 주의점

백준 1149번 RGB거리 문제를 푸는데점화식은 맞았는데 자꾸 값이 이상하게 나오는 것이다.🤯그래서 for문에 console을 찍어봤는데 나는 분명 첫번째 배열 요소에 값을 넣었는데 2번째 배열 요소에도 똑같은 값이 들어간 것이였다!전부 Infinity로 초기화했지만

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

[TIL] 반응형 이미지

반응형 이미지 반응형 이미지란 화면 크기, 해상도 및 기타 기능이 여러 디바이스에서 잘 작동하는 이미지를 말합니다. 이미지 출처 https://tenor.com/view/responsive-web-design-gif-13156874 반응형 이미지가 필요한 이유 좁은

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

[오딘 프로젝트] 반응형 디자인

모든 디바이스에서 작동하는 무언가를 만들기 위해 브라우저의 크기의 변화에 반응하는 웹 사이트를 만들 때 사용되는 용어입니다. <meta>태그를 사용하면 모바일 기기에서 실제 렌더링되는 영역과 뷰포트의 크기를 조절할 수 있다.고정 너비를 정하면 그 너비 이하로 줄어

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

프론트엔드 면접 질문 정리 Part2(Frontend,HTML/CSS)

면접을 또 준비하자

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

프론트엔드 면접 질문 정리 Part1(CS, JS,React)

면접을 준비하자

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

[오딘 프로젝트] Grid

그리드란? 그리드는 레이아웃 도구로써 2차원 배열에서 항목을 쉽게 배치할 수 있다. 하지만 1차원 레이아웃에서도 사용할 수 있다. Flexbox와 Grid의 차이 \* 위 : Flexbox, 아래 : Grid Flexbox는 선택적으로 래핑할 수 있다. Fle

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

[오딘 프로젝트] Forms + 프로젝트

Form Basics > form 요소의 목적과 항상 포함해야 하는 두 가지 속성을 설명하십시오. form 요소는 사용자가 양식에서 상호 작용할 모든 입력을 래핑합니다. form 요소는 두 가지 필수 속성을 허용합니다. action : 처리할 데이터를 어디로 보

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

[오딘프로젝트] Intermediate CSS Concepts

브라우저는 웹페이지에 약간의 CSS가 적용되어있습니다.CSS 재설정을 하려는 이유는 무엇입니까?모든 브라우저에서 스타일을 동일하게 지정하기 위해 CSS 재설정을 합니다.Reset CSS toolsMeyer ResetNormalize.cssReboot, Resets an

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

[오딘프로젝트] Intermediate HTML Concepts

왜 Emmet을 사용해야 합니까? Emmet은 VS Code에 내장된 플러그인으로, 단축키를 통해 HTML 및 CSS를 효율적으로 작성할 수 있습니다.유용한 Emmet 약어는 무엇입니까?! HTML 상용구 이 요소를 만드는 데 어떤 구문을 사용하시겠습니까 <p c

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

[TIL] 자바스크립트는 인터프리터 언어이다?

자바스크립트는 인터프리터 언어이다.라고 굳게 믿고있었던 나.. 자바스크립트를 다시 공부하면서 자바스크립트 엔진이 JIT 컴파일을 사용한다는 것을 알게되었다.그러면 인터프리터 언어가 아니냐? 하기엔 또 MDN이JavaScript is a lightweight, inter

2023년 8월 11일
·
1개의 댓글
·
post-thumbnail

[TIL] 자바스크립트는 싱글스레드 언어이다.

프론트엔드 면접 스터디에서 프로세스와 싱글 스레드, 멀티 스레드에 대해 공부해 오기로 했다. 그래서 찾아보던 와중에 자바스크립트가 왜 싱글 스레드 언어인지 궁금해졌다. 자바스크립트가 싱글 스레드 언어라는 것은 어렴풋이 알고 있었는데(주워들은 건 있음) 왜? 그리고

2023년 7월 18일
·
1개의 댓글
·
post-thumbnail

[TIL] 누적 합 알고리즘

백준 17425번 약수의 합을 푸는데 도저히 감이 안잡혀서 이 문제가 무슨 알고리즘으로 분류되었는지 봤더니 누적 합이라는게 있었다.다른 것들은 어디서 한번 보거나 풀어본 것들이였는데 누적 합은 처음 보는지라 일단 누적 합 문제부터 풀어야겠다고 생각했다!처음에는 예제에

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

[TIL] React Vite에서 Next.js처럼 라우팅하기(feat.typescript)

해커톤 프로젝트가 끝나고 미뤄두었던 주식 사이트 작업을 시작하게 되는데...전에 했던 프로젝트는 next.js로 작업했기 때문에 라우팅 처리가 매우x100 편했다. 그냥 pages 폴더 안에서 파일을 만들면 자동으로 라우팅이 되니까..!하지만 react로 돌아간 나는

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

[TIL] Ajax / Axios / Fetch

이번 해커톤 프로젝트를 진행하면서 서버와 통신을 진행할 때 axios를 사용했었다. axios에 대해 좀 더 알아보려고 했는데 ajax, fetch와 같은 통신 방법과는 무엇이 다른지 궁금해져서 알아보기로 했다!Asynchronous JavaScript and XML의

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

[TIL] npm / npx / yarn 차이

이번에 해커톤 프로젝트를 진행하면서 패키지 관리 툴로 yarn을 사용하기로 했는데, 왜 npm말고 yarn을 사용해야 하는지 궁금해져서 알아보기로 했다! npm, npx, yarn 모두 자바스크립트 런타임 환경인 node.js의 패키지를 관리할 수 있는 도구이다. 개

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

[TIL] CORS란 무엇인가

해커톤 프로젝트를 진행하던 중에 권한이 필요한(로그인 상태) api를 요청해야 하는 일이 있었다. http 통신으로는 axios를 쓰고 있었다. cookie로 jwt토큰을 보내야 해서, 브라우저-애플리케이션-쿠키 탭에 냅다 cookie를 박아넣었다. 그런데 요청

2023년 6월 5일
·
0개의 댓글
·