Frontend

오늘은 프로젝트를 위해 git&Github강의와 html, CSS공부를 했다. git&Github 오늘은 2주차 수업 - 협업을 위해 팀원이 모여 작업할때의 상황을 대비한 공부를 했는데, branch와 merge다. branch는 issue를 통해 변경사항을 만드는 작업이다. 이때 중요한 것이 체크아웃이다. 체크아웃을 하냐 안하냐에 따라 finder에서 보이는 파일목록이 다르다. 브랜치를 완성해 커밋하고나면 꼭 브렌치 삭제해주기!(나중에 브랜치 설정꼬이는거 방지) merge conflict는 하나의 브랜치에 대해 두명이상의 팀원이 함께 변경사항을 만들어냄에 따라 발생하는데, 최종안 수동으로 제출해 해결해줄 수 있다. CSS공부 CSS-position태그, 좌표 레이아웃 .box { position : s..

오늘은 Firebase 회원가입, 로그인기능 구현과 html, Css기능을 공부했다. 오늘 배운것 로그인 기능의 이해 1. Email, password 및 필요한 정보 서버DB에 제공 2. 이때 서버는 토큰을 통해 기억하고, 토큰을 달라고 요청함 3. 원하는 기능을 구현하기위해 유저는 토큰(유저정보, 기타정보) + 원하는 요청을 제시함\ (이때 토큰은 아래 사진과 같이 유저는 알아들을 수 없는 문자열로 구성되어 있다.) 4. 서버는 올바른 답변을 돌려줌 Firebase란? Firebase란 쉽고 빠르게 서버(백엔드)를 구축할 수 있는 서비스이다. Firebase에서는 (storage, Hosting, cloud Messaging, Firestore)등 다양한 기능을 제공하지만, 그중 회원가입과 로그인을 ..

얻게된 것 파이썬 문법지식 알고리즘 풀이방법을 어렴풋이 알게된 것 git, Github관련 지식 개선 / 보완할 점 무언가 어려워서 진도를 나가지못할 때 나만 그런게 아니니, 너무 조급해하지 말자. 내가 어려우면 남들도 똑같이 어렵다. 다음주 계획 프로젝트를 위한 html, CSS 심화지식 알아보기 React를 원활히 습득하기위해 고급 Js지식 알아보기 아직 끝내지못한 git&Github 완벽히 이해하기 프로젝트 와이어프레임 구현하기

저번 프로젝트때 git, Github지식이 많이 없어서 협업다운 협업을 못했었다.. 마침 이번에 내일배움캠프에서 git, Github강의를 제공해줬길래 얼른 참고했다. 오늘 습득한 지식 Git initialize(깃 초기화): 깃프로젝트 속성을 추가하는 것이다. 컴퓨터에 있는 프로젝트를 Git 이 관리하는 프로젝트로 만들 수 있다. (로컬저장소 폴더에 ‘.git’폴더가 추가되며, 숨김파일보기설정을 통해 확인할 수 있다.) 내 컴퓨터에 저장되어있는 리포지토리를 로컬 repo(local repository) 라고 한다. Github 처럼 다른 곳에서 접속할 수 있는 공간에 저장되어있는 것을 원격 repo(remote repository) 라고 한다. Github은 원격 repo 가 저장되어있고 + 개발자의 ..

알고리즘 수업을 듣는데, 너무 지쳐서 강의를 듣다가 잠시 멈추고 힘든원인분석과 앞으로의 알고리즘 공부방향성을 생각해봤다. 앞으로의 알고리즘 공부방향성 1. 발문을 읽고 바로 코드를 작성하는 것은 힘든 과정이기에 조금 더 세세하게 절차를 나눠보았다. 2. 발문을 읽고 우선 어떤 핵심기능이 있으면 좋을지 떠올려본다. -> 그 코드를 한글로 적고, 그 코드를 중심으로 살을 붙인다. 3. 그렇게 한글로 완성된 아이디어를 프로그래밍언어로 옮겨적는다. 이때 있으면 좋겠다 싶은 부분은 구글링을 해본다. 4. 강사의 답안을 이해해본다. 내 것과 시간복잡도상의 차이를 비교해본다. 일단은 이렇게 4개의 절차를 토대로 알고리즘 공부를 하면 양적으로 질적으로도 어느정도 양이 쌓이면 그때가서 또 공부과정을 바꿔볼 생각이다. 어..

알고리즘이란? 어떠한 문제를 해결하는 방법들의 집합 ➡️ 그중 적은 공간을 이용해서 빠른 속도로 수행할 수 있도록 만드는 것 그런 프로그램을 만들기 위해서는 경우에 따라 특정 자료구조나 접근방법을 사용해야한다. 문제2. 최빈값 찾기 def find_alphabet_occurrence_array(string): alphabet_occurrence_array = [0] * 26 for char in string: if not char.isalpha(): continue arr_index = ord(char) - ord('a') alphabet_occurrence_array[arr_index] += 1 return alphabet_occurrence_array print(find_alphabet_occurre..

오늘 배운 것은 이러하다 조건문 age = 27 if age < 20: print("청소년입니다.") elif age < 65: print("성인입니다.") else: print("무료로 이용하세요!") 탭(Tab)을 통해 들여쓰기를 잘 해야한다. 이 들여쓰기가 자바스크립트의 {}를 대체하기 때문이다. 반복문 fruits = ['사과', '배', '감', '귤'] for fruit in fruits: print(fruit)# 사과 배 감 귤 기본적인 반복문의 구조는 다음과 같다. 이때 fruit는 fruits라는 리스트내의 요소를 할당하는 변수이름이다. 숙제 people = [ {'name': 'bob', 'age': 20}, {'name': 'carry', 'age': 38}, {'name': 'joh..

오늘은 이런 것을 공부했다. 요약하자면 셀렉터, 이벤트 리스너, 콜백함수 동적 UI 만드는 스텝 (Alert 박스 만들기) 알림창임닫기 띄우기 1. 부트스트랩을 이용할 때 요소들을 합성하는 방법이 궁금했는데 답은 html에 있었다. html 엘리먼트내에 html을 추가할 수 있다. ex)위의 코드에서 alertnox내에 닫기버튼을 추가시킨것처럼... 2. UI를 평소에 숨기고 싶으면 display : none 주면 된다. 다시 보여주고 싶으면 display : block 넣으면 보인다. 싫으면 visibility : hidden 이것도 있다. function에 사용가능한 파라미터 문법 알림창임닫기 띄우기 ⚠️caution!! 1. 파라미터 인자에는 따옴표나 큰따옴표 붙이지 않기 -> 'x'(x) x(o)..