코딩코딩

오늘 후기를 올리기로 해놓고 깜빡해서 새벽에 급하게 쓰는 후기.. 벌써 부스트캠프를 수료한지 두달이 다 되어간다. 원래는 수료하자마자 후기도 올리고 실컷 쉬고 놀려고 했는데, 생각과 다르게 끝나자마자 쉴 수가 없었다.. ㅎ.ㅎ 이 글은 수료한지 시간이 좀 흘렀기 때문에 세세하게 정보를 쓰기보다는 전체적인 느낀점이나 뭐.. 거의 일기 형식으로 쓰겠다 [ 학습 스프린트 ] 멤버십에서는 문제 풀기에서 벗어나 작은 프로젝트들을 만들었다. 3개정도 스스로 만들고 1개는 둘이서 하는 페어프로그래밍, 그리고 멤버십의 꽃 6주 그룹프로젝트까지 진행이 되었다. 혼자 이렇게 웹 프로젝트를 몽땅 만들어보는 것도 처음이었고 거의 전부 처음 보는 개념들이었고, 이걸 공부하기도 부족한데 구현까지 해야 하니 갈수록 시간이 부족해졌..

호기롭게 블로그를 만들어놓고 후기말고는 그닥 쓴게 없다.. 역시 그냥 노션에다 정리하는게 편한거 같은데 .. ㅎㅎ 아무튼 오늘 부스트캠프 멤버십 발표가 났다 ! 그래서 챌린지 후기를 간단히 적어보려고 한다 (**내용에 문제가 있으면 곧바로 내릴테니 알려주세요**) 하루일과 음.. 썼었는데 뒤늦게 유출하면 안되는 내용인가 싶어 자세한 내용은 삭제..^^ 아침에는 팀원들과 코드리뷰를 하고 12시가 되면 매일 새로운 미션이 나온다. 남은 하루는 그 미션을 하느라 보낸다 ( + 학습정리) 미션 미션들은 만만한 미션이 단 하나도 없었다. 내가 얼마나 얕은 지식을 가지고 있는가를 매일 느낄 수 있었다. 이제보면 1주차가 제일 할만했었고, 3주차가 정말 절정이었다 이때는 매일 새벽에 잤던것같다. 4주차는 무난하다가 ..

반응형 @media screen and (min-width: 800px) { .container { width: 50%; } } /* screen이 적어도 넓이가 800이상일때 .container 안 수행 */ >> 외 자세한 내용은 mdn(Beginner's guide to media queries, Using media queries)에서 확인 가능! item을 반응형으로 만드는 가장 좋은 방법은 크기를 100%로 지정해주는것! .player video { width: 100%; max-width: 1000px; }​ realative length units em - 부모의 폰트사이즈에 상대적으로(곱한 값) 계산되어짐 .parent{ font-size:8em; /*800%와 동일*/ } .child{..

Flex box container 속성 (박스) 사용하기 .container{ background: beige; height: 100vh; display: flex; /*flexbox 설정*/ flex-direction: row; /*방향*/ /*row(기본값) : 왼쪽에서 오른쪽 (수평) row-reverse : 오른쪽에서 왼쪽 column : 위에서 아래 (수직) column-reverse: 아래에서 위 */ flex-wrap: nowrap; /*아이템이 많아질때 줄바꿈의 유무*/ /*nowrap(기본값) : 아이템이 한줄에 유지 wrap: 한줄이 차면 다음 라인으로 내려감 wrap-reverse: 밑에서 위로 랩핑됨*/ /* flex-flow: column nowrap; direction, wrap..

레이아웃 block level은 한줄에 하나씩, inline level은 사이즈 되는 한 표기됨. display - block-level과 Inline-level을 변경할 수 있음, 속성값 : block, inline-block, inline span { display: block; } div { display: inline-block; }​ inline: 상자크기와 상관없이 안에 내용물만을 꾸며줌. 내용물이 없다면 아무 효과도 나타나지 않음. inline-block: 물건크기와 상관없이 상자에 맞춰서 표기. 한줄에 사이즈 되는만큼 여러상자 표기됨. block : 물건크기와 상관없이 상자에 맞춰서 표기. 한줄에 하나의 상자만. 정리 ! inline은 물건, inline-block은 한줄에 여러개가 들어가..

[Seletors] Universal * type Tag ID #id Class .class State : Attribute [] 사용하기 selector { property: value; } * { color: green; } li { /*우선순위 universal보다 높음*/ color: blue; } #special { /*id*/ color: pink; } li#special { /*li에 있는 special만*/ color: pink; } .red { /*class*/ width: 100px; height: 100px; padding: 20px; /*컨텐츠 안에 spacing*/ padding-top : 100px; padding-right : 100px; padding: 20px 20px 0p..

[Tag] 박스 vs 아이템 : 박스는 안에 컨텐츠가 없다면 보여지지 않음. 아이템은 보임 block level vs inline level : block은 한줄에 하나, inline 레벨은 공간이 있다면 이어서 쭉 == 줄바꿈 유무 inline ex) span, b, ... block ex) div, ... 종류 div, span - 묶음? 영역설정. div는 block, span은 inline 태그임 a - anchor tag 링크 태그 Click p - 문단 태그 This is a sentence. That is... bold채 태그 This is a sentence. That is... list(ol vs ul) - 리스트 태그 ol : 순서가 있음 ul : 순서가 없음 li : ol이나 ul 안..

블로그를 처음해봐서 이렇게 적는 게 맞나 싶지만.. 부스트 캠프를 준비하면서, 각종 후기들을 보며 도움을 많이 얻었던 기억이 나 이 글이 또 누군가에게 도움이 되길 바라며 잡담+후기를 써본다 ! (혹시 문제가 될 내용이 있다면 수정하거나 바로 내릴테니 알려주세요 ..!) [자소서] 1차 심사는 자소서 + 1차 코테를 합산한다고 했고 이전 기수 후기들을 보니 자소서가 중요하다는 얘기가 많아 자소서를 나름 열심히 써봤다. 문항은 4개였는데, 글자 수가 300자내외, 500자내외로 너무 적어 글쓰는걸 저어어엉말 못하고 싫어하는 나도 부족해서 줄이는게 힘든 정도였다. '덕질경험'을 묻는 질문이 있었는데 이게 가장 중요해보여서 제일 많이 고민했던 것 같다. 난 아주 어렸을때부터 피아노를 배웠었고, 그 학원에서 피..

시간 복잡도 파이썬은 1초에 2천만번 정도의 연산을 한다고 생각하면 됨. N의 범위가 1,000,000인 경우 : O(logN)인 알고리즘을 설계하면 문제를 풀 수 있다. in 시간복잡도는 자료형에 따라 다름! list, tuple : O(n) - 하나하나 순회함 set, dictionary : O(1) ~ O(n) - hash를 통해 저장하므로 접근시간은 O(1). (단, 해쉬의 충돌이 많아 성능이 떨어지는 경우 O(n)이 걸릴 수도 있음.) 결론은 리스트말고 dictionary 쓰면 더 짧으니 추천! 공간 복잡도 보통 코딩테스트에서 128~512MB로 제한. int의 경우 약 리스트 길이가 100만개일때, 4MB 즉, 128MB일때 3200만개, 256MB일때 6400만개, 512MB일때 1억2800..

Python 라이브러리, 함수 정리 절댓값 - abs() 제곱근 - math.sqrt() (math 라이브러리 필요) 거듭제곱 - math.pow(x,y) or x**y (x의 y승) 아스키 코드 변환 - ord(문자), chr(숫자) 리스트 속 값 인덱스 찾기 - list.index('값') 배열 속 문자 개수 셀때 - list.count(값) 배열 속 문자 삭제 list.remove('값') : 같은 값 처음발견된 하나만 지워줌 del list[index] : 특정 인덱스 삭제 list.pop(index) : 특정 인덱스 삭제 - 인덱스 생략 시 제일 마지막원소 삭제 정렬 특정기준 만들때 - list = sorted(list,key=lambda x:x[1]) >두번째 값 기준정렬 개행문자 제거 - ...