전체 글 46

[프로그래머스 1단계] - 추억 점수

https://school.programmers.co.kr/learn/courses/30/lessons/176963 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr def solution(name, yearning, photo): answer = [] for i in photo : sum = 0 for j in i : if j in name : valueIndex = name.index(j); sum += yearning[valueIndex]; ..

[Python] 특정 요소의 인덱스 구하기(find, index)

특정 요소가 몇번째에 위치하는지 파이썬으로 확인하고 싶을 때 find() vs index() 둘의 차이점은 무엇이고 어떤 상황에서 쓰이는 걸까 궁금했다. 파이썬 공식 문서  Built-in TypesThe following sections describe the standard types that are built into the interpreter. The principal built-in types are numerics, sequences, mappings, classes, instances and exceptions. Some colle...docs.python.org를 참고해봤을 때  find()str 또는 문자열에서 사용찾는 문자가 없는 경우 -1 반환 index()str 또는 문자열, 리스..

Python 2024.06.22

[React / Recoil] Link 태그와 a 태그의 차이(userState가 undefined가 생기는 문제)

recoil로 상태 관리를 했는데 userState가 바뀌면 안되는데 자꾸 상태 데이터가 날라가는 사태가 발생…로직 문제인 줄 알았는데 알고 보니 "a 태그" 때문이었던 것덕분에 a 태그와 Link 태그의 차이점을 크게 알았다.- 페이지를 전환할 때 a 태그의 href 속성을 사용하여, 새로운 페이지에서 'userState' 값을 초기화한다.- 이는 페이지 이동 시 새로운 컴포넌트가 마운트되고 초기화되기 때문에 발생- 페이지를 새로 불러오지 않고 (컴포넌트가 마운트되는 대신) 라우터가 컴포넌트를 변경하고 상태를 유지한다.- 페이지 주소만 변경하여 상태는 초기화되지 않는다메모메모…

React 2023.06.19

[git] fork한 레포 원본 저장소에서 변경사항 받아오기(업데이트)

로컬 저장소에 원본 저장소(upstream) 등록 로컬 저장소와 연결된 원본 저장소 확인 $ git remote -v 원본 저장소 등록 $ git remote add upstream {원격 저장소 주소} git remote -v 해보면 fork한 로컬 저장소는 origin, 원본 저장소는 upstream으로 확인된다. Fork한 저장소 업데이트 원본 레포에서 변경된 사항을 내 로컬 레포에도 적용시키고 싶다. 원본 저장소의 최신 내용을 가져온다. $ git fetch upstream merge할 브랜치로 변경한 다음, 원본 저장소의 변경 사항을 로컬 브랜치에 merge $ git checkout main $ git merge upstream/main 로컬 저장소에 merge한 내용 push $ git pu..

Etc 2023.01.22

[React/CSS] 옆으로 흐르는 텍스트 Animation Bar 만들기

예시 위처럼 이번에 참여한 프로젝트에서 만든 애니메이션바에 대해 포스팅을 해보겠습니다. 애니메이션바는 keyframe을 이용해서 만듭니다! 여기서 keyframe이란? CSS 애니메이션 과정의 중간 절차를 제어할 수 있게 하는 속성 0~100% 형태 @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } from-to 형태 @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } keyframe을 사용하기 위해서는 다음과 같이 3가지가 필요합니다. animation-name : 사용자가 직접 지정한 이름 stage : from - to 로 0~100% 의 구간 CSS 스타일 : 각 스테이지(구간)..

Css 2022.10.23

Mac에서 Bitbar 이용해서 더욱 간편하게 1일 1커밋 도전하기

안녕하세요! 맥 유저 개발자분들을 위한 꿀팁 포스팅을 알려드리려고 해요:) 개발자분들이라면 한번씩 목표를 세워봤을 🌱1일1커밋🌱 다들 열심히 하고 계신가요? 1일1커밋으로 자신의 잔디가 얼마나 채워졌는지 확인하기 위해서는 항상 깃허브 웹사이트로 들어가서 확인해주어야하는 번거로움과 귀찮음이 있죠... 제가 오늘 알려드릴 꿀팁은!! 깃허브 속 자신의 커밋 결과를 노트북에서 간편하게 바로 볼 수 있는 방법입니다🤗 Bitbar 설치하기 터미널에 아래와 같이 입력하여 Bitbar 설치를 합니다. brew cask install bitbar 위 코드를 작성했는데 오류가 났다면 밑에 코드를 작성합니다. brew install --cask bitbar Bitbar 플러그인(Plugin) 폴더 생성 성공적으로 Bitba..

Etc 2022.10.20