🥬 상추의 공간

코드트리를 약 2주동안 사용해보고 느낀점을 간단히 써보려고 한다.  일단 나는 백준 실버5, 프로그래머스 Lv1 문제 정도를 푸는 완전 초보자다.문제를 풀 때, 내가 제대로 풀고 있는지 잘 모르겠고, 공부법, 인강, 플랫폼 등을 찾으며 방황하고 있었다.  코드트리는 위와같이 Lv1 부터 Lv6 까지 학습서가 있다. 나는 Lv2로 학습을 진행했다.언어는 C, C++, Python, Java, Swift, JavaScript, Kotlin, GO, Rust를 지원해준다. Lv1 목차로 예시를 들자면, 주제별로 학습 키워드가 주어지고, 기본 개념 > 연습 문제 > 테스트 순으로 학습한다. 기본 개념에서 해당 섹션에 필요한 개념을 설명해주는데, 이전 섹션에 이어서 누적식으로 추가해서 알려준다.큰 틀을 세워주고..

웹 개발 프로젝트 진행 도중, 이미지가 가끔씩 안보이는 현상이 나타났다. 다음과 같이 상단바에 로고 이미지가 있어야하는데, 어째서인지 가끔씩 이 이미지만 로컬, 배포본에서 모두 안보였다. 계속 원인을 찾던 결과, React-Router 함수인 useNavigate를 사용하여 이동한 페이지에서만 로고가 안보인다는 것을 발견했다. 미리 말하자면, 해당 함수에 한해서 나타나는 현상이 아니라, 한 페이지에서 해당 페이지 경로 안으로 들어간 경우 모두 적용되는 문제인 것 같다. 위 이미지는, 공지 게시글 목록(/notice)에서 한 게시글의 디테일 화면(/notice/21)으로 넘어간 화면이다. 처음에는 로고가 잘 보이지만 새로고침을 하면 로고가 깨진다. 개발자 모드로 확인해보면 이미지 경로가 이동하기 이전의 ..

서론이전에 한 멘토분께서 프론트엔드 개발 환경을 설정할 때, 최신 트렌드를 따라가고 싶은 사람이라면 CRA(create-react-app)보다 Vite를 사용하는 것을 추천하셨다. 말씀을 듣고 Vite를 한번 테스트로 써보기는 했으나, 프로젝트를 진행할때 팀원들이 CRA가 익숙하다해서 제대로 써본적이 없다. 진행했던 프로젝트가 마무리되고, 다음 프로젝트는 Vite를 고려해볼까해서 한번 어떤 장점이 있고 어떻게 시작할 수 있는지 Vite 공식문서를 참고하여 알아보고자 한다. CRA vs ViteCRA(create-react-app)장점: 안정적이며 커뮤니티 지원이 강력하다. 다양한 플러그인과 호환성이 뛰어나다.단점: 설정을 변경하거나 개인화하기 어렵다. 빌드 파일 크기가 크며, *HMR가 느릴 수 있다.*..

감사하게도 글또 8기에 이어서 9기도 활동하게 되었다. 글쓰기 활동을 본격적으로 시작하기 전에, 이번 활동에 대한 나의 다짐을 글로 남기려고 한다. 글또 9기에서의 목표, 다짐 1. 나의 위치에서 최선을 다해 글을 쓰기 개발 공부를 시작하면서 다른 사람들의 글을 통해 지식을 얻고, 때론 회고 글을 통해 위안을 받았었다. 이런 경험을 통해 나 또한 지식과 영감을 나누는 글을 써보고자 글또 8기에 지원해서 활동하게 되었다. 개발 지식이 별로 없어서 초심자에게 도움이 될 글을 쓰는 것을 목표로 했었다. 그러나 글또에 들어와 다른 회원들의 글을 보며, 자신감이 점차 떨어지게 되었다. 나의 글은 난이도가 너무 낮아 보였고, 비교해 보니 다른 사람들에게 큰 도움이 되지 않을 것 같다는 생각이 들었다. 그러나 이는..

단순 연결 리스트란?연결리스트는 데이터를 저장하는 자료구조 중 하나이다.연결리스트 종류도 여러개 있지만, 지금 살펴보려는 것은 단순 연결 리스트이다. 연결리스트는 여러 개의 노드(Node)로 이루어져 있다. 단순 연결 리스트는 2개의 필드를 가지고 있는데, 데이터 필드와 다음 노드 주소를 가지고 있는 링크 필드(포인터)로 구성되어 있다. create, search, insert, remove 등을 효율적으로 구현하기 위해 사용한다고 한다. 구현 코드전체적인 구현 코드는 다음과 같다.class LinkedList { constructor() { let init = new Node("init"); this.head = init; this.tail = init; this.currentN..

Intro앞선 글들에서는 프로젝트 시작 전, 정해야할 규칙, 프로젝트 세팅하는 방법에 대해 설명했다. 팀 프로젝트를 위한 매뉴얼(1) - 규칙 정하기Intro 최근부터 팀 프로젝트를 할 일이 점점 생기고 있다. 그런데 만났던 사람들 중 대부분이 프로젝트를 처음하거나 체계적으로 한 경험이 없었다. 곧 나와 프로젝트를 함께 할 팀원들을 위해,sanghee01.tistory.com 팀 프로젝트를 위한 매뉴얼(2) - 프로젝트 세팅하기Intro 이전 글에서는 프로젝트 시작 전, 정해야할 규칙들에 대해 설명했다. 규칙 정하는 것은 체계적인 프로젝트 진행에 있어서 중요하므로 읽지 않은 분이 있거나 잘 모른다면 꼭 읽길 바란다.sanghee01.tistory.com 세팅을 완료했으니 이제 개발을 시작하면 된다! 하지..

Intro이전 글에서는 프로젝트 시작 전, 정해야할 규칙들에 대해 설명했다.규칙 정하는 것은 체계적인 프로젝트 진행에 있어서 중요하므로 읽지 않은 분이 있거나 잘 모른다면 꼭 읽길 바란다.해당 글 시리즈는 프로젝트를 처음 해보거나, 체계적으로 해본 경험이 없는 누구나 당장 협업에 참여할 수 있도록 선별해서 작성하였다. 참고해서 본인의 프로젝트에 맞게 수정 및 보완하면 좋을 것 같다. 팀 프로젝트를 위한 매뉴얼(1) - 규칙 정하기Intro 최근부터 팀 프로젝트를 할 일이 점점 생기고 있다. 그런데 만났던 사람들 중 대부분이 프로젝트를 처음하거나 체계적으로 한 경험이 없었다. 곧 나와 프로젝트를 함께 할 팀원들을 위해,sanghee01.tistory.com 이번 글에서는 프로젝트 세팅하는 방법에 대해서 다..

Intro최근부터 팀 프로젝트를 할 일이 점점 생기고 있다. 그런데 만났던 사람들 중 대부분이 프로젝트를 처음하거나 체계적으로 한 경험이 없었다.곧 나와 프로젝트를 함께 할 팀원들을 위해, 혹은 팀 프로젝트를 처음 하는 사람들에게 도움이 되고자 나의 협업 방법을 풀어나가고자 한다. 비록 나도 아직 완벽하다고 할 순 없지만, 이 글을 참고해서 본인의 프로젝트에 맞게 수정 및 보완하면 좋을 것 같다. 대상해당 글은 프로젝트를 처음 해보거나, 체계적으로 해본 경험이 없는 누구나 당장 협업에 참여할 수 있도록 작성하였다! 참고로 초심자 대상으로 작성한거라 작은 프로젝트 기준으로, 필요 없어도 될 것 같은 것은 생략했다. 다 알려고 하면 너무 복잡하고.. 막막해서 시작도 못할 수 있기 때문이다! (일단 시작하는게..