Dalin's Archive

백준으로 문제 보러 가기~ 인트로(TMI) 저번 주부터 회사에 다니기 시작했다! 나는 주로 React를 다뤘는데, 회사에서는 Vue를 사용한다.. 그래서 Vue 공부를 하느라고 문제를 별로 못 풀었다 ㅠㅠㅠ 그러다 푸니까 넘 재밌었다!!!! 쉬운 줄 알았는데 시간 초과가 많이 나서 신경을 썼다...재밌는 DFS문제였다!! 풀이 세로 R칸, 가로 C칸 표 모양의 보드에 대문자 알파벳이 써있다. 좌측 상단에서 시작해서, 상하좌우 4칸 중 한 칸으로 갈 수 있다. 매번 다른 알파벳을 지나면서, 가장 많이 이동하는 칸 수를 구하는 문제였다!! 이동하는 모든 경우를 고려해야 하고 R, C 가 20 이하여서.. DFS로 풀 수 있을 거라고 생각했다. 처음에는 방문했던 알파벳인지 체크하는 것을 set으로 했는데, 시..

문제 보러 가기! 설명 😎 구현 문제였다! 처음에는 퍼즐판이 주어져서 뭔가 2차원 배열로 풀어야 하나? 했지만, 문제를 찬찬히 읽어보니 아니었다. 표의 정중앙에 있는 글자만 꼭 사용해야 하니까, 그 글자만 중요하게 고려하면 된다. 또 어떤 글자를 정중앙에 놓았을 때 정답 개수가 가장 적게/많게 되는지를 찾아야 한다! 그러니까 각 글자가 사용되는 횟수를 구하면 된다. 퍼즐판의 문자들이 주어질 때, 그 문자를 가지고 사전의 단어를 만들 수 있는지 본다. 만들 수 있다면, 각 글자의 사용 횟수를 1씩 더한다. 사전의 단어를 모두 본 후에, 글자 중에 가장 적게/많이 사용하는 글자(사전순)와 그 개수를 출력하면 된다!! 헷갈렸던 부분 🤔 퍼즐판에서 주어진 문자들을 가지고, 사전의 단어를 만들 수 있는지 체크하는..

한 기업에 취업해서 싸탈(싸피 탈출)을 하게 됐다!!! 이제 합격 발표 5일차인데 이제야 조금 실감이 난다. ㅠㅠ 찐문과 출신이고, 싸피 오기 전에 웹 개발은 진짜 잘 몰랐는데 ... 이런 나도 취업을 했다...!! 이번에는 싸피에서 좋았던 점 ^^ 취업 지원금 100만원 - 공부, 취업에만 집중할 수 있었다. 필요한 강의, 책, 장비도 사고 ㅎㅎ 든든한 지원군, 컨설턴트님과 코치님, 교수님 - 모르는 것을 여쭤볼 수 있고, 맞는 방향으로 가고 있는지 알려주셨다! 아 취업 컨설턴트님도 따로 계셔서, 질문을 하면 일대일로 친절하게 알려주신다! 열정 넘치는, 좋은 동료들- 같은 목표를 향해 같이 나아가서 외롭지 않고 좋았다. 동기 부여도 되고 정보 공유도 하고 ㅎㅎ 싸피 끝난 후에도 종종 만나고 연락하면서 ..

ㅠㅠㅠㅠ 원래 쓰던 데스크탑의 비밀번호를 까먹었다... 진짜 몇개월 동안 매일 쓰던 비밀번호.... 그런데 싸트북(싸피+노트북. 싸피 2학기에 노트북을 대여해준다.)을 쓰면서, 이 데스크탑을 몇 개월 만에 켰더니 비번이 기억이 안났다.ㅠㅠㅠ 아무리 기억나는 걸 다 입력해봐도... 2,30번은 시도해본 것 같은데 계속 틀렸다. 안에 중요한 데이터도 없었던 것 같아서(소중한 코드들은 다 깃허브, 깃랩에 있고 다른 자료들도 외장하드에 넣었던 것 같당.. 다행 ㅠㅠ) 포맷을 하기로 했다. 포맷은 처음 해봐서 걱정했는데, 유 선생님&구 선생님과 함께 하니 나도 할 수 있었다.!! 성공한 후에는 이런 깔끔한 배경화면을 얻었다 ^^ 원래는 엣지?가 깔려있었는데 크롬만 다운로드받은 상태..ㅎㅎ 그리고 언어를 처음에 E..

전에 누가 추천해주셔서 구매했다. 책꽃이에 있다가 요즘 '함께 자라기'를 하고 싶다는 생각이 많이 들어서 읽어봤다. 어려운 내용 없이, 에세이처럼 쉽게 읽혔다. 실제 사례, 연구 내용이 있어서 흥미로웠고, 나도 평소에 경험했던 부분도 있어서 공감이 되었다! '함께 자라기' = 애자일 자라기 함께 애자일 이라는 큼직한 주제를 가지고 내용이 전개된다. 경력 연차와 실력의 상관 관계는 생각보다 낮다. 개발자 채용 공고를 보면 경력 3년 이상, 5년 이상, 10년 이상... 이런 게 많이 보인다. 그래서 나는 경력 연차가 실력과 크게 관련이 있고, 나도 오래 개발을 하면 실력이 자랄 것이라고 막연하게 생각했던 것 같다. 그런데 책에서는 초급 단계에서는 경력과 실력은 꽤 상관 관계가 있지만, 그 이후에는 꼭 그렇..

문제 풀러 가기!! 오 ㅎㅎ 재밌는 BFS 문제였다. 처음에는 어떻게 풀지 고민되어서 문제 분류를 봤다. BFS 라고 하니 감이 와서 풀 수 있었다! 보통 너비 우선 탐색을 하면 2차원 테이블 안에서 가장 빨리 도착하는 식으로 풀었는데, 직선 상에서 오리, 육리가 만나는 걸 찾아서 특이했다. 또 보통은 하나에서 출발해서 고정된 도착점을 찾는 식이었는데, 이번에는 오리, 육리가 둘 다 움직여서 독특했다. 오리, 육리가 만날 수 있는 최소 일수를 구해야 하므로 BFS를 사용했다. 1. 오리, 육리의 (점프 횟수, 위치, 이름)을 q에 넣었다. 2. q가 있는 동안 while문을 돌렸다. 2-1. q에 있는 원소를 popleft로 꺼냈다. (먼저 들어온 걸 먼저 꺼냄) 점프 횟수, 위치, 오리인지 육리인지가 ..

문제 보러가기 구현, 시뮬레이션 문제였다. 처음에는 '어떻게 윷판 위 현재 위치를 나타내지?' 고민했는데, 4가지 루트가 있다는 걸 보고 그걸 이용해서 문제를 풀었다. 현재 어떤 루트로 가고 있는지 나타내는 course, 말의 위치를 idx로 두었다. 위 그림 순서와는 다르게, 나는 빙~ 돌아가는 걸(위 그림에서 4번) 0, 첫번째 갈림길에서 꺾이는 걸(위 그림에서 3번) 1, 젤 빠른 길(위 그림에서 1번)을 2, 위 그림에서 2번을 3으로 뒀다. 그 뒤에 윷을 던져서 앞으로 가는 칸수에 따라서 idx를 바꿔준다. 이때 주의점은 다 앞면이거나 다 뒷면이면, 윷 던질 기회를 한번 더 준다는 것! 그래서 while을 이용해서 처리했다. 지름길을 만나면 지름길로 간다. 위에서 바꾼 idx를 이..

프로젝트를 하면서 MUI를 사용하기로 했다. MUI는 예쁜 스타일을 쉽게 사용할 수 있는 리액트 UI 라이브러리이다. 버튼 등 자주 쓰는 것들이 컴포넌트로 제공해주고, 다크 모드, 테마 관리 등도 할 수 있다. 아, MUI는 전에는 Material-UI와 같은 것이다. 작년에 버전 5로 업데이트되면서 이름도 MUI로 바뀌었다고 한다.(이건 개발자 경험을 위해서라고 한다!) 이전과 비교해서 버전 5에서 뭐가 바뀌었는지 궁금하다면 이 블로그(https://hoontae24.github.io/19)를 보면 좋을 것 같다. mui 설치하기 npm install @mui/material @emotion/react @emotion/styled 로 라이브러리를 설치한다. 일관된 스타일로 CSS 정리하기 브라우저 상관..

숫자 1과 문자열 '1'을 더하면 무엇이 될까? 크롬 브라우저를 사용하고 있다면, F12 -> 콘솔 창에서 직접 해볼 수 있다. 문자열 '11'이 된다. 이는 자바스크립트의 암시적 강제 변환 때문이다. 암시적 강제 변환은 연산 중에 내부적으로 규칙에 따라서 타입을 바꾸는 것이다. 우리가 알다시피, 더하기 연산자를 이용해서 문자열끼리 더할 수도 있고, 숫자끼리 더할 수도 있다. 그런데 문자열과 숫자를 더한다면, 숫자를 문자열로 바꿔서 합치게 된다 ! 문자열과 불리언을 더하면 어떻게 될까? 불리언도 문자열로 바꿔서 합쳐진다. 즉, 문자열 타입 + 다른 타입을 하면 다른 타입이 문자열 타입으로 바뀌어서 합쳐진다. https://developer.mozilla.org/ko/docs/Web/JavaScript/R..

오늘의 주제는 바로 바로 HTTP 헤더입니다!! 먼저 그 전에 HTTP에 대해서 간단히 짚고 넘어가겠습니다. HTTP는 Hyper Text Transfer Protocol의 약자죠.프로토콜!! 규약입니다. 무슨 규약이냐면~~ 인터넷에서 데이터를 주고 받을 때의 통신 규약(즉 프로토콜)입니다. 이 규약에 맞게 클라이언트는 서버에 요청을 보내고, 서버는 클라이언트에게 응답을 줍니다. http 요청 프로토콜과 응답 프로토콜을 잠시 보겠습니다. http 요청 프로토콜은 요청하는 방식을 정의하고, 클라이언트의 정보를 담고 있습니다. 첫번째 줄은 request line으로 무슨 메서드인지(get, post등), url이 어딘지, 프로토콜 버전은 몇인지가 들어갑니다. 그 다음은 헤더인데, 이게 오늘 다룰 것이죠. 그..