Seondalgorithm

Firebase를 React 프로젝트에서 사용하려는데 생기는 무시무시한 오류들... " 나 맞게 했는데??? " -> 버전 9부터 사용법이 아예 바뀌었습니다 ^^ 오류 해결을 찾아 공식문서를 항해하며 알게된 새로운 사용법들을 정리했습니다. 다른분들은 고생하지 마세요 공식문서 의 소중함을 느끼게 된 이야기.. START 1. Firebase 인증 모듈 사용 import firebase from "firebase/app"; import "firebase/auth"; const firebaseConfig = { ... }; firebase.initializeApp(firebaseConfig); export const authService = fierbase.auth(); 분명 똑같이 쳤는데 발생하는 오류.. ..

window 가 좋았다... mac.. 싫어.. sleep() 함수란? : 시간을 지연시켜주는 함수, 괄호안에 들어가있는 수만큼의 시간을 대기한다. window 에서는 헤더파일 추가하고 #include Sleep() 함수 사용 대문자 주의 이때 단위는 마이크로초(ms) 1000ms = 1s Sleep(2000); //2초대기 Mac, 리눅스 에서는 헤더파일부터 범상치 않음 #include sleep() 함수 사용 소문자 주의 단위는 초(s) 소수(0.5) 이런거 쓰면 인식 못함 sleep(2); //2초 대기 콘솔에서 ㅁ이 위아래로 움직에게 해주는 코드를 미션으로 받아서 이렇게 했다.. 1초에 한번씩 움직여서.. 느려터지긴 했지만.. 속도에 대한 얘기는 없었으니까 ㅎ.. #include #include ..

2020년쯤에 만들어진 코틀린 강좌를 따라하다보면 @+id/ 에 해당하는 값을 Activity 에 입력할때 강의쌤들은 그냥 입력하는데 나는 자꾸 빨간색으로 써지면서 오류가 뜨더라... 진짜 이것때문에 유튜브 강의 3번정도 바꾼거 같음...;; 내 시간..ㅠㅠ 문제는 2021년 안드로이드 스튜디오 였음... 해결법은 정 말 간단했다 1. Gradle Scripts - build.gradle (Module) 에 들어간다 2. plugins {} 사이에 다음 코드 입력 id 'kotlin-android-extensions' 3. Sync Now 이유 찾아보니 무슨 extension 을 안드로이드 스튜디오가 지원하지 않기때문,,이라는데,, 아니 무슨 버전이 퇴행하는 경우가 다있지.. (황당)

사실 내 첫 코딩(이라고 말하기는 부끄럽지만)은 깃허브 리드미였다 html 기본 태그도 모르는 상태로 유목민마냥 여러 블로그들을 떠돌아다니며 열심히 복붙하던 나날들..... 한번 정리해보고 싶었지만 시간을 감히 내지 못하고 있었는데 마침 첫 GDSC 세션 발표를 맡게 되어 이렇게 기본적이면서도 재미있는(?) 내용을 다루게 되었다 발표 목표는.. 입문자들에게는 친절하게 알려드리기 이미 알고있는 분들에게도 쓸모있는 정보를 제공하기 그럼.. 시작해보자 1. 레포지토리 생성 2. 내 아이디와 똑같은 레포지토리 만들기 3. 깃허브 표지에 나오는 특별한 리드미 🧤 기본 작성 마크다운 언어 (+ Github Flavored Markdown) 를 이용하여 작성 Markdown 기본문법 plain-text formatt..

2021년 초 개발에 입문하고 약 1년간 약간의 프로젝트와 학업을 병행 해오면서 (나머지 1년은?)대학생 동아리 수준의 프로젝트를 넘어 실무에서 일해보고 싶다는 생각을 막연하게 해왔는데, 마침 전공 학점을 받을 수 잇는 인턴십 프로그램이 있다고 하여 지원하게 되었습니다. 아직 입사 전이지만 지원하면서 아무것도 모르던 제게 그나마 블로그 후기들이 정말 큰 도움이 되었기에.. 저도 그런 도움에 기여하고자 기억이 남아있을 때 후기를 소소하게 작성합니다..! 정보 하나하나가 소중해지는 척박하고 좁은 (그 흔한 오픈채팅방 하나 없던) ict 학점연계 프로젝트 인턴십에 대해 다음 지원자분들께 미약한 도움이라도 되기를 바라며.. 0. 스펙 블로그와 깃허브에 분산되어있는 제 경험 관련 기록들은 주로 인스타에 모아서 정..

🖼 Outline Why - 교내웹개발동아리에서 겨울방학 토이프로젝트로 진행 What - 유튜브 웹사이트 클론코딩 Who - spring을 사용하시는 두명의 백엔드 분들과 협업하였으며 나는 프론트를 맡았다 How - React 기반 When - 약 한 달(2021년 11월 08일 ~ 2021년 12월 4일)간 진행했다 ✨ Main Features 1. 반응형 2학기에 집중적으로 공부한 반응형을 본 프로젝트 곳곳에서 구현하려 노력했다. 당연하지만? 미디어 쿼리를 이용하여 css 스타일을 적용하였고 const Wrapper = styled.div` display: flex; flex-direction: column; gap: 20px; width: 70vw; @media (max-width: 1300px) ..

Hook -> 기존의 함수형 컴포넌트에서 할 수 없엇던 다양한 작업들이 가능하다 1. useState : 함수형 컴포넌트에서도 state 를 관리해서 가변적인 상태를 지닐 수 있게해준다 const [vasue, setValue] = useState(0); [현재 상태, 상태를 바꿔주는 함수] = useState(초기상태) - state : props 와 달리 컴포넌트 내부에서 값을 변경 할 수 있음 (props 는 읽기전용으로 값을 변경하려면 paraent 에서 값을 바꿔야한다) 2. useEffect : 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정 : 클래스형 컴포넌트의 componentDidMount + compareDidUpdate useEffect( () => { console.log..

1. 그냥 스페이스바 2. 조금 더 넓은 스페이스바 3. 조금 더 많이 넓은 스페이스바

한줄에 글자를 쓰면서 크기가 다른 글자를 쓰고싶다 은근 간단한 기능이면서 티스토리에서도 안되더라 (내가 모르고있는거겠지) 방법1. HTML bigger text smaller text 방법2. HTML bigger text smaller text CSS .oneLine h2, .onneLine h3 { display: inline; }

색상값.. #fffff 뭐 이런식으로 되어있거나 rgb로 되어있거나 외우기 힘든건 똑같다.. 어처피 자주 사용할 색상값이면 이름을 붙여주고 그 이름만 쓰면 얼마나 편한가? 게다가 이렇게 하면 나중에 컬러 조합을 바꾸고싶을때 그 변수이름에 해당하는 색상값만 살짝 바꿔주면 된다. 짱편함 1. 색상값 변수로 지정하기 :root { --maincolor : #f29191; } css파일에서 이렇게 지정한다 2. 활용하기 이제 각 색상들을 아래 변수 이름으로 사용할 수 있다. var(--maincolor) (1) css 에서 활용 body { background-color: var(--maincolor); } (2) JavaScript 에서 사용 Move to Profile const Card = styled.d..