개발누나

autofill 보다는 auotofit을 더 많이 쓴다? 마지막에 img 크기를 주지 않으면, 이렇게 맨 아래 사진만 살고 다 형들을 겹쳐서 위로 올라감 -> img 크기 설정 그리고 margin, padding들 안주면 -> 띄어져서 그림이 있음 -> 반응형처럼 이 동그라미들을 빈 공간에 크게 해줄거다~~ // 이건 grid가 아니라 고정 크기를 사용한 것 그리드 만드는 법 1) 개수 고정 auto-fit ?? 2) 크기를 고정 auto-fill grid 쓸거니까 안녕 ~ *차이 알기* (column 기준으로 함) reapeat (10, 1fr) 여백을 다 쓰는 근데 flex-grow와의 차이점은 너비가 같다는거 repeat (10, 100px) repeat (auto-fill, 100px) -> 오른..

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

지금은 12시 반 즈음 가지는 쉬는 시간 중이다. 수업 중간에 이렇게 글을 남기기는 처음인데, 그만큼 정말 울컥한다는 증거이리라. 오늘 수업 2시간 전에 일어나서 계속 반복하고 수업에 참여했는데, 오늘 수업에서 나오는 응용 문제를 제대로 푼 게 없다. 수학으로 따지면 여기 위치는 어디일까요~? 하는 유치원생 수준의 문제들인건데 왜 코딩으로는 그 흐름이 잘 잡히지 않는건지 답답해서 울컥하는 마음을 느끼는 중이다. (다른 사람들이 잘하고 말고는 신경쓸 바가 아니고. 절대평가 중이다.) 다행스러운건 지금 '자유의 상태'라는 점이다. 어제 알고리즘 코테 스터디에서 나왔는데 정말 잘한 선택이라고 생각한다. 내게 맞는 스피드로 '정확히' 가기가 맞다. (수학에서 풍산자 돌리고 문풀갔듯이) 울컥하는 마음에도 불구하고..

개인/Today 2021. 3. 16. 12:35

빨리 사이트 만들어보고 싶다고 간질간질해야합니다~ 엉망이 돼어도 얼른 만들어보고 싶다는 마음 :) Grid Layout flex에서 2번에서, '4'가 여백을 채워주게 할 수 있지~ 예전 flex 전에는 안됐는데~ 비슷한 놈이 나온 것. grid라고 :) *grid의 필요성* > 먼저 '반응형'을 이해해야 한다. pc first - pc가 기본인데 > 모바일로도 잘 보게끔 줄이는 mobile first - 모바일을 기본으로 > pc에서 부족한 부분 채우는 (이게 유형) (선생님은 너무 그리드에 맞춰서 만드는 것도 별로라고 하심) px이 아니라 column의 개수로 맞춰주게 된 것. 사람들은 grid가 아니라 px로 막 주면서, grid처럼 보이게끔 '막' 사용하는 사람이 정말 많다. -> 원하는 결과가 ..

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

토요일 오전. 월요일부터 금요일까지 백엔드 따라가느라 바빴던 평일을 지내고 맞이하는 소중한 주말. 근데 오늘만큼은 신기한 기분을 처음 느껴서 기록을 남겨야겠다고 생각했다. 일어나자마자 "이번 주말에 뭘 파보며 공부해볼까. css flex개념 똑바로 실습하기 위해 클론 하나 진짜 끝내면 뿌듯하겠는데?? 꺄 진짜 뿌듯하겠다!! 얼른 알아봐야지~" 라고 정말 생각했다. 이런 기분 언제 느껴본 적 있는것 같은데 언제였지...하고만 아까 지나쳤는데 지금 글을 쓰면서 떠올랐다. 이런 설렘을 느꼈던 적. 처음에는 가장 공부를 열심히 했던 대입 입시때인가 생각했는데, 그때가 아니라 바로 중학교 3학년때다. 정말 수업 하나하나 배우는 내용이 재밌어서 음악실로 이동해야하는데 지금 안가면 늦는다고 재촉하는 친구들한테 먼저 ..

개인/Today 2021. 3. 14. 01:56

flex 개념이 딱! 박혀있는 상태에서 grid(격자형)를 배워야 한다. -> 써보고 익숙해지기 static > relative > absolute (많이 쓰이는 순서) flex grid multicolumn 총 6가지 지금까지는 테이블을 가지고 놀았는데, grid는 박스로 -> 편한데 복잡하다. (grid는 4개를 가지고 논다) // flex를 먼저 익숙해지자. [static] 블록 position: static; 블록일 경우 -> 밑으로 (형 다음이 아우), 형이 커지면 아래로 더 밀려나고 인라인일 경우 -> 옆으로 (형 옆이 아우) -> relative, absolute로 바꿀 수 있다. [absoulte] - 형과는 상관없이 절대 위치 뭘 기준으로 300 300일까? -> 문서 끝에서의 기준 (문..

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

어디에 ''를 붙이고, 어디에는 ""를 붙이고, 숫자, 문자에는 어떻게 구별을 하고... 맨날 헷갈리기만 했던 그 따옴표. 정리가 되었다. import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.IOException; import java.util.Scanner; public class Program { public static void main(String[] args) throws IOException { FileInputStream fis = new FileInputStream ("res/covid19.csv"); Scanner fscan = new Scanner(fis); String line = fs..

수업 일지/Java 2021. 3. 12. 13:31

Q. 초록색 내용이 많아도 footer가 밑에 있기를 바람 (내용이 있든 없든 저 파란색이 아래로 오게끔 하고 싶음) - 밑에 하얀 공백이 있으니, 파란색은 저 부분 높이 그대로 맨 아래로 + 나머지 초록색 채우기 - 초록색에 flex-grow : 1 html 가장 바깥쪽인 body에 display : flex; -> 근데 이러면 박스가 나 오른쪽으로 누워버림 -> 그래서 flex-flow: column nowrap; 초록에 - flex-grow: 1; 근데 초록이 늘어날 줄 알았는데 안 늘어남 이유는) 아래 하얀색이 여백이 아니기에 - 여백은 body가 저 아래 하얀색까지면 여백인데, 파란색까지라면 여백이 없는 것 -> 그러니 초록이가 안늘어나는거 그래서 body에서 여백 만들어줘야함 - body에 h..

수업 일지/HTML, CSS, Flex, Grid 2021. 3. 11. 14:29

* 배열* #시도 1 - 틀림 - 3번째 주의 #시도 2 - 암기 성공 #시도 1 - 틀림 - rand 함수 생성 시 (); 빼먹음 - 변수 설정 (방 [0] 방 [1] ... 을 정수형 [0] 정수형 [1] 이렇게 표현했음) - print할건데(rand에서 정수를 가지고 오는거지) 이거 표현 못함 #시도 2 - 틀림 - for문 조건에서 i 변수 설정 빼먹음 - 담아줄 때 rand.nextInt()라고만 표현 (그럼 어디서 랜덤으로 가지고 오는거겠니~) #시도 3 - 틀림 - for문 조건에서 i 변수 설정시에는 int만 쓰면 된다. - 위에 for문에서 변수 설정을 해줬더라도, 아래 for문에서도 변수 설정 해준다. #시도 4 - 암기 성공 * 개념 again - System.in.read();로 읽..

수업 일지/Java 2021. 3. 11. 00:31