Starbucks 홈페이지 메뉴 모델링 리뷰 세션(소헌님)

8일차 내용 수정했지만 별도 추가 내용 정리

  • 이미지가 여러 장인 경우 테이블을 나누는 게 나음(drinks : img = 1 : N)
    id / img_url / drink_id 이런 식으로 테이블 생성
  • FK(Foreign Key)는 N에서 1로 가는 것
  • 신상 여부의 경우는 drinks 테이블 내에서 is_new를 추가해 boolean type(TINYINT)으로 한다
  • 테이블명은 보통 명사로 하고, s를 붙여 복수형으로 한다
  • Logical Name 컬럼 : 부가적인 설명을 하는 컬럼
  • price 추가 시 type은 decimal로 한다
  • N : N 관계에서, 중간 테이블과 각자 테이블의 관계는 1:N:1이다
    (그래서 중간 테이블에서 Foreign Key가 각자 테이블로 가는 것)

Front DOM & Event 2팀 세션 (신영님 & 장현님)

DOM (Document Object Model)

웹페이지의 HTML을 계층화 시켜 트리 구조로 만든 객체 모델.
dot notation을 통해 접근한다. 아래처럼
(나중에 dot notation과 bracket notation에 대해 정리해보자)

.getElementById('')
.getElementsByClassName('')[]
.getElementsByTagName('')[] 인덱스로 나옴. 인덱스로 반환
.querySelector('') tag, class, id,,첫 번째 것만.

내 코드를 명확한 용어를 사용해 잘 설명할 수 있는 연습하기
(면접 때 면접관이 내 코드에 대해 물어봤을 때, 용어를 명확히 사용해 내 코드를 설명할 수 있어야 한다)

신영님이 코드 한 줄 설명해보라고 하셨는데도 얼버무림ㅠㅠ
(객체, 선언, 요소, 메소드, 할당 등,, <>오프닝 태그 <>컨텐츠<> </>클로징 태그,,)

이렇게 짧게 정리할 수 있는 세션이 아닌데,, 주말에 복습하고 정리해보도록 하자
(가능?)

Westagram 시작

  1. HTML 태그 적절히, semantic.
  1. CSS
  2. 개발자 도구를 통해 실제 instagram 레이아웃과 스타일 확인
  3. 로그인, 댓글 기능,,,,

flex 개구리 잡기로 연습함(FLEXBOX FROGGY : https://flexboxfroggy.com/#ko)

유진님이 복도에서도 개구리가 너무 잘 보인다고 하고 가심

  • div 활용해서 묶고 레이아웃 짜기
  • 가독성을 위해 변수명, 함수명 등 직관적으로 표기하고 console.log 확인 후엔 삭제하기
  • code-guide 참고
  • Issues에서 미션 순서별로 해보기

Linux & Terminal 세션 (경훈님)

Linux

Linux : 리누스 토발즈 가 개발한 Unix 기반 운영체제

학습의 필요성 - 개발한 프로그램이 배포되고 동작하게 되는 환경이 바로 Linux OS가 설치된 서버이고, 그곳에서 명령어를 전달하는 수단이 바로 Terminal이기 때문

많이 쓰는 명령어

cd(change directory) - 폴더 이동
ls(list segments) - 현재 경로 내 파일 목록 출력
pwd(print working directory) - 현재 경로 출력
mkdir / rmdir (make / remove directory) - 디렉토리 생성 / 제거
rm(remove) - 파일 / 디렉토리 제거
cp(copy) - 파일 / 디렉토리 복사
mv(move) - 파일 / 디렉토리 이동
cat(concatenate) - 터미널에 파일 내용 출력
touch - 파일 생성 및 날짜정보 변경
chmod(change mode) - 파일 / 디렉토리 권한 설정

생소한 부분인 만큼 시간이 나면(가능?) 추가로 학습하도록 하자.


정말 절대적인 시간 투자가 있어야 할 듯

0개의 댓글