본문 바로가기

분류 전체보기143

2023-09-27 사전캠프 18일차 TIL (사전캠프 종료) 2023-09-27 사전캠프 18일차 TIL - 팀 프로젝트 : 팀 소개 페이지 제작 1. 메인페이지 UI 개발 진행도 확인 2. 추석 연휴 계획 공유 (10/3 프로젝트 진행 예정) - 메인 페이지 컴포넌트 합치기 - 개인 페이지 진행사항 공유 (완성 목표) - 책 독해 모던 자바스크립트 Deep Dive (359p ~ 387p) : 실행컨텍스트 - 알고리즘 문제풀이 1. 내배캠 일일 알고리즘 풀이 (프로그래머스) - 배열의 유사도 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 입력 받은 두개의 배열을 비교하여 같은 원소를 얼마나 갖고있는지 확인하는 문.. 2023. 9. 29.
2023-09-26 사전캠프 17일차 TIL 2023-09-26 사전캠프 17일차 TIL - 팀 프로젝트 : 팀 소개 페이지 제작 1. 팀 정보 구체화 및 노션 작성 2. 와이어 프레임 개선 (figma) 3. 메인페이지 UI 개발 각자 맡은 기능에 따라서 메인페이지 UI를 나누어 개발하기로 하였다. - 팀소개 부분 (민규님) - 포스팅박스 (병택님) - 헤더 (진현님) - 카드리스트 (명섭님) 나는 카드 리스트 부분을 맡게 되었다. 카드리스트 UI 구성을 마쳤고 결과는 다음과 같다. 각 카드에는 hover 이벤트를 추가하여 카드 뒤집기 효과를 구현하였다. 카드 뒤집기 효과는 CSS으로만 구성할 수 있다. 1. 구조 부모 div 내부에 앞면 뒷면에 해당하는 두개의 div 생성 2. 부모 div css 속성 transform-style: preser.. 2023. 9. 27.
2023-09-25 사전캠프 16일차 TIL 2023-09-25 사전캠프 16일차 TIL - 책 독해 모던 자바스크립트 Deep Dive (320p ~ 358p) : 빌트인 객체, this 요약 : - 자바스크립트의 객체는 표준빌트인 객체(ECMAScript 사양에 정의된 객체), 호스트 객체(ECMAScript 사양에 정의는 되지 않았지만 자바스크립트 실행환경에서 추가 제공하는 객체), 사용자 정의 객체로 나누어지며 그중 표준빌트인 객체와 호스트 객체는 전역 객체의 프로퍼티/메서드이기 때문에 전역에서 사용가능하다. 이때 별도의 선언없이 단독으로 사용가능하다. - 자바스크립트의 this는 생성자 함수 내에서 생성된 인스턴스를 가리키거나 객체 내에서 자신이 속한 객체를 가리킬 때 사용하며, 그 밖에 일반함수 등에서 사용되면 전역객체를 나타낸다. Fu.. 2023. 9. 26.
2023-09-23~24 주말공부 TIL 2023-09-23~24 주말공부 TIL - 알고리즘 문제풀이 1. 백준 문제풀이 (단계별 문제풀이 7문제) - 학습내용 1) 파이썬에서 math 라이브러리를 사용하기 위해서 import math를 해주어야하며, 주요 메서드는 다음과 같다. math.floor : 내림 math.ceil : 올림 2) 입력 값에 따른 시간초과 주의할 것, 불필요한 반복문 줄이기 - MarkDown Note 프로젝트 (주말프로젝트) 내배캠 동기생분의 추천을 받아 toast ui editor와 viewer를 사용하여 간단히 노트장을 만드는 예제를 시작하였다. - toast ui editor, viewer 라이브러리 가져오기 완료 - firebase firestore 연동 완료 (쓰기 및 읽기 가능) * 작성 일시에 따라서 불.. 2023. 9. 25.
2023-09-22 사전캠프 15일차 TIL 2023-09-22 사전캠프 15일차 TIL - 책 독해 모던 자바스크립트 Deep Dive (296p ~ 319p) : 프로토타입, strict mode / strict mode 블로그 작성완료 - 알고리즘 문제풀이 1. 내배캠 일일 알고리즘 풀이 (프로그래머스) - 점의 위치 구하기 함수에 인수로 x, y축의 좌표가 들어온다. 먼저 x축을 기준으로 음의 좌표, 양의 좌표를 판단하였으며, 각 조건문 내에서 y축의 음의 좌표, 양의 좌표 여부를 판단하였다. 문제의 출력 값은 해당 좌표가 위치하는 사분면이기 때문에 각 조건에 따른 출력 값을 answer에 저장하였다. - 최댓값 만들기 문제에서 매개변수인 numbers에는 숫자 리스트가 주어지며, 출력 값은 숫자리스트 내부의 원소들 중 2개의 원소의 곱으로.. 2023. 9. 23.
Git - #9. 깃허브 연동 (회원가입과 토큰) 깃허브란 코드 공유 및 협업 서비르로, 깃으로 관리하는 모든 프로젝트를 온라인 공간에 공유하여 프로젝트 구성원들이 함께 소프트웨어를 만들어 갈 수 있도록 도와준다. 다른 클라우드 서비스가 아닌 깃허브를 이용하는 이유는 업도르와 다운로드 과정을 커밋 단위로 주고 받기 때문이다. 깃허브를 사용하면 프로젝트 구성원이 각자 동시에 작업하되, 각자의 작업을 공유 공간에 올릴 때는 깃허브가 중간에서 교통정리를 해준다. 따라서 충돌 걱정없는 협업 환경을 구축해준다. 깃허브를 사용하기 위해서는 가장 먼저 깃허브 회원가입을 진행해야한다. GitHub: Let’s build from here GitHub is where over 100 million developers shape the future of software,.. 2023. 9. 22.