Autumnn Dev

tailwindcss : 가독성 떨어짐, 간단함, 자료가 많음 styled-components : 가독성이 좋으나, 자료가 부족, css와 비슷 반응형 dimmed처리: 새로운 창이 떴을 때 이전 화면 어둡게, 스켈레톤 코딩 아이템이 로드되기 전 나타나는 애니메이션 만드는 방식 https://seons-dev.tistory.com/entry/Skeleton-Loading-JS 연산자(Operators) /* CSS */ .container { display: flex; } article[role="main"] { width: 62.5%; } aside[role="complementary"] { width: 31.25%; margin-left: auto; } /* SCSS */ @use "sass:math..

환경 설정: React Native를 개발하기 위해 필요한 환경을 설정합니다. Node.js 및 npm이 설치되어 있는지 확인하고, React Native 개발 도구 및 Android/iOS 개발 환경을 설정합니다. 프로젝트 생성: React Native 프로젝트를 생성합니다. 터미널 또는 명령 프롬프트에서 npx react-native init MyProject와 같은 명령을 실행하여 새로운 프로젝트를 생성할 수 있습니다. 프로젝트 실행: 생성된 프로젝트 폴더로 이동한 후 npm start 또는 npx react-native run-android 또는 npx react-native run-ios 명령을 사용하여 프로젝트를 실행합니다. 컴포넌트 개발: React Native에서 UI를 개발하기 위해 컴포..

면접을 준비하면서 나에 대한 메타인지가 많이 부족함을 알았다.질문들을 정리하면서 더 생각해보고자 글을 작성한다 솔직히 아직 프론트엔드 개발자로서는 많이 경험과 지식이 부족한 상태,면접 볼 때, 순간적인 임기응변 능력이 부족하다. 당황이 너무 잘 드러남 나는 어떤 회사에 들어가고 싶은걸까..뱀의 머리, 용의 꼬리스타트업, 중소, 대기업사실 연봉, 워라벨 다 잘 모르겠고 어디든 내가 성장할 수 있는 곳으로 가고 싶다.그러면서도 서로 존중해주는 회사 1. 어떤 개발자가 되고 싶은지?- 사용자에게 더욱 가치 있는 경험을 주는 서비스를 만드는 것- 개발만 잘하는 개발자보다는 고객들의 피드백을 반영해 프로덕트를 발전시킬 수 있는, 그런 개발자가 되고 싶습니다.- 확장성이 높은 코드를 개발하는것, 재사용성과 가독성,..

1. for문 대신 map var answer = [...my_string].map(v => v.repeat(n)).join(""); const newMyArr = myArr.map((currentElement, index, array) => { console.log(요소: ${currentElement}); console.log(index: ${index}); return currentElement * 2 }); reduce 메소드 .reduce((acc, curr) => acc + Number(curr), 0); reduce 메서드는 배열을 객체로 바꾸는것도 가능하게 한다. ['철수', '영희', '현영', '한솔'].reduce((a, c, i) => {a[i] = c; return a}, {}) ..

자바스크립트 기본(2021년 정리) 숫자와 문자 숫자 숫자: 따옴표("")가 붙지 않는 숫자 사칙 연산 Math.pow(3,2)= 3^2 .round(x)= x 반올림 .ceil(x) = x 올림 .floor(x) = x 내림 .sqrt(x) = 루트 x .random(0) = 0~1.0 사이 랜덤 숫자 =>round(n*random()): n보다 작은 랜덤 정수 문자 문자열(String): 따옴표가(""/ '')가 감싸고 있는 문자 데이터형 = typeof.변수 따옴표를 붙이고 싶을 땐 땐 앞에 \\ = escape 문자열 연산 줄바꿈: \\n 결합: "문자" + "문자" 문자열 길이: "문자".length 문자 인덱스 : "문자".indexOf("찾는 문자") 변수 선언(생략가능하나 유효 범위 영향 ..

여러분의 개인정보의 안전한 처리는 카페인바디 에게 있어 가장 중요한 일 중 하나입니다. 여러분의 개인정보는 서비스의 원활한 제공을 위하여 수집됩니다. 법령에 의하거나 여러분이 별도로 동의하지 아니하는 한 소프트파워가 여러분의 개인정보를 제3자에게 제공하는 일은 결코 없으므로, 안심하셔도 좋습니다. 개인정보 처리방침이 바뀐 때에는 여러분이 언제든지 그 내용과 이유를 쉽게 알 수 있도록 공지사항을 통하여 알려 드리겠습니다. 여러분의 소중한 개인정보는 소프트파워 가 여러분에게 더 나은 서비스를 제공하기 위해 활용됩니다. 1. 개인정보의 처리 목적 카페인바디 는 서비스를 원활하게 제공하고 더욱 향상된 이용자 경험을 드리기 위해 필요한 여러분의 개인정보를 수집합니다. 즉, 여러분이 설치 시 동의한 권한에 따라 서..

개발 포프(안드로이드) https://www.youtube.com/watch?v=fFVip-_1OWc 카페인바디(안드로이드) http://smvdgradshow.com/2022/work/detail/no/14 SMVD 2022 졸업전시회 EXPOR+ING smvdgradshow.com 설명 영상: https://www.youtube.com/watch?v=obK4EAZvd3I&t=3s 홍보영상: https://www.youtube.com/watch?v=VRWtdtGjWVQ 낚시게임(안드로이드) https://www.youtube.com/watch?v=Dmw25Eq7wtY UIUX기획/디자인 https://www.youtube.com/watch?v=7m08HjgpBvI

프로토타입 영상: https://youtu.be/7m08HjgpBvI

기존에 엑티비티에 존재하던 것을 하단 네비게이션 바에 넣으면서 fragment로 수정하게 되었다. 엑티비티에서는 잘 나타나던 것이 fragment로 수정하면서 recyclerview만 나타나지 않아서 무슨 문제인가 싶어서 구글링을 해봤는데 총 두가지 문제가 존재했다. 1. context 작성 문제 java에서는 보통 getContext()를 이용해서 그대로 하면 될 줄 알고 그렇게 수정해 진행했으나 getContext()를 작성하면 context로 변환됐다. 그래서 된 줄 알았더니.. 빨간 줄이 떴다,.. 구글링을 해보니 kotlin에서는 requireContext()를 쓴다고 한다. 2. view 문제 다른 fragment와 같이 onCreateView에서 리턴을 다음 코드로 작성했을때 다른 코드는 잘..

제목: Flower Waltz 원소가 모여 물이 되고 그 물방울이 빗방울로 떨어져 꽃을 피우고 지는 모습을 왈츠를 통해 리듬감 있게 표현하였습니다.