개발누나

flex - basis flex - grow flex shirink 들을 잘 이해하는게 중요하다~ 여유공간 줄일 때의 옵션이 shrink 1 shrink 2는 여유공간이 2배로 작아짐 // 컨텐츠 적힌 부분은 좁혀지지 않고 (이거 실습해보기) flex-grow 1은 여백 나눠가지겠다는거 -> 2명이 나눠가질 때는 비례적으로 1:1 (똑같이) 1:2 (3분할 해서 나눠갖는거) shorthand for - 순서 중요! (grow가 먼저~!) - 만약에 flex-basis만 설정하고 싶을 때는 -> ex) flex : ? 2 100px; ? 자리에 뭐가 들어가야할까. -> 0이 맞는 듯 *방향과 관련해서 쓸 수 있는 녀석들 wrap은 여러 층을 쓸 수 있다. 굳이 오른쪽에 쓰는 이유 : 슬라이드에서 왔다갔다 ..

수업 일지/HTML, CSS, Flex, Grid 2021. 3. 10. 14:30

*복습 큰 방 - height, 수치 - background-color - min-height 두번째 방 - margin-left : auto 세번째 방 - width - display : flex -> 같은 줄에 나오게 됨 * diplay 크게 2개 - block 이냐 inline 이냐 - block 같은 라인에 x 무조건 수직!으로 방을 만듦 - block에다가 스타일을 좀 준 애들이 list-item - table은 약간 가변 크기를 갖는 층들이 같은 column?을 갖도록 하는거 (table-cell) - 너비너 높이를 줄 수 있는게 inline-block 주로 단일 태그들이 이렇다. ex) img, input 등 누구 감싸고 있는 애들이 아니라 자체 태그인 것들이 주로 이 형태. 단일태그는? h..

수업 일지/HTML, CSS, Flex, Grid 2021. 3. 9. 14:33

* 복습 - height, width -> em, rem, ex, px, cm, mm.... - min-height, max-height * 두 번째 방 설정 - 큰 방 안에서 컨텐츠를 나눠야 header 안에서 울타리가 있는지 봐보자. -> h1, section까지 같이 묶어야 하니 div로 묶기 - 부모가 가지고 있는 것의 100%를 의미. (부모의 높이 똑같이 가지고 가는 것) ex) 50%면 부모의 반 - 만약 부모가 10%라면? 10%의 50% header의 부모는? -> 빨간색만 뜸 - inherit은 px은 둘 다 같은데 %는 영향이 다르게 미침 사진 두번째 방 (보라색)이 왼쪽으로 치우쳐짐 ㅠ 왼쪽으로 쏠리게 하고 싶지 않음 (가운데 정렬하고 싶을 때) 위에 형 자리를 줄이면 아래것들이 올..

수업 일지/HTML, CSS, Flex, Grid 2021. 3. 8. 14:31

package ex2.control; import java.util.Scanner; public class Practice5switch2 { public static void main(String[] args) { int kor, eng; int math; int total; float avg; kor = 0; eng = 0; math = 0; boolean more = true; Scanner scan = new Scanner(System.in); //EXIT: while (more) { int menu; System.out.println("┌────────────────────┐"); System.out.println("│ 메인 메뉴 │"); System.out.println("└───────────..

수업 일지/Java 2021. 3. 8. 13:39

* CSS 속성들 (마진 등등) 1. 박스 다루는 속성들 - 방 만들기 제일 큰 방을 단방향으로 정하기 큰 방 안에서! 다시 나누기 2. 컨텐츠 다루는 속성들 // * 제일 큰 방 (BOX) 설정 - 스타일링은 무조건 태그 (section 태그 쓰면 절.대.노) - 보통 header, footer는 다 있음 가운데 2개 방은 추가하자. 위의 body는 구조적으로 body이고, id="body"는 내가 id명으로 명명해준 것 3개의 방이 준비가 됨! Q. Customer 라고 써진 부분은? -> 이건 이미지. 아래 2번처럼 넣어준다. 내용물이 70px이 넘어도, header에 먹힌 70px에 의해서 절대 70px를 넘어서는 일이 없다. Q. 왜 글자가 겹쳐지지...? -> 방 크기가 작아서. 컨텐츠들은 저..

수업 일지/HTML, CSS, Flex, Grid 2021. 3. 5. 14:33

* 정리 1. # fatal: unable to access 오류가 뜨는 경우, breakcoding.tistory.com/61 위 블로그 내용을 참고해서 '관리자 권한'을 설정해주세요. 2. 관리자 권한 설정 후 다시 git bash 입력 시 '깃허브 아이디와 패스워드'를 적으라고 하는데, 이때 아이디에 가입한 이메일 주소가 아니라! 정말 사용자 아이디를 적어주세요. git hub 연결이 안되서 git hub를 개설한 날부터 잔디심기를 하려 했는데 하지 못했다..... ㅠㅠ 잔디 심기를 하고 싶어서 '소스트리'라는 git bash 외 다른 수단을 사용해서 올리려고 했는데, 심지어 이것도 안됨.... 그리고 뭘 잘못 만졌는지 모르겠지만 삭제도 안된다... (소스 트리에서 clone하라고 해서 파일 만든게..

문제 해결/에러 해결도 실력이다. 2021. 3. 5. 13:34

"또 어려운거 나와라!!" 하는 자세로 공부해봅시다~~ open live server -> f12 눌러서 개발자 도구 띄우기 오류가 나면 '용의자'를 찾는 연습을 스스로 해야 한다! ㅡㅡㅡㅡㅡ 스타일을 html 안에 다 작성할 거냐? no -> 분류! -> style.css html 에 부분을 '다' 넣어줘야 함! * 스타일 리셋과 평준화 - CSS 적용 시 골치 아픈 거 : html에도 스타일이 있다는 거 -> 이걸 써주면 새로운 상태에서 css 추가하게 됨 reset.css : 아예 새로 시작하는거 normalize.css : 기존의 html의 스타일을 그대로 쓰는거 (브라우저 간에 목록 보이는거? 이런 것들이 차이점이 있을 수 있어서 평준화 시켜준다는 의미. 예를 들어 크롬, 파이어폭스 간 보이는게..

수업 일지/HTML, CSS, Flex, Grid 2021. 3. 4. 14:35

프로그래머 (구동을 위한 것에 특화) 개발자(developer) (제품 만드는 것에 특화) 알맹이 껍데기 (화면 만들기) 고민 빨리 찍어내기 ex) 데이터 분석 서비스를 만들고 싶을 때, 개발자는 '분석 라이브러리', '차트 라이브러리' 등을 찾아서 그냥 만드는. 프로그래머는 논문도 찾아보고, 함수도 직접 만들고. 남의 소스 대신 직접 특제 소스를 만드는 것을 목표로 해보자~ 비트 연산자. 지금 당장은 필요성을 못 느낄 수 있어도 공부를 더 파면 필요해질 수 있다는 게 요지. 입력값의 오류 = 예외의 오류 - 파일 입력 시 예외가 발생 할 수 있음 (파일이 없거나, 파일 읽을 권한이 없거나...) 예외 처리하는 방법은 지금 말하면 산으로 간다. - 지금은 그냥 빨간 줄에 exception 나오면 첫번째거..

수업 일지/Java 2021. 3. 4. 09:35