클론코딩

세번의 도전끝에 졸업한 파이썬 챌린지

세번의 도전 끝에 마지막 졸업작품까지 제출 완료. 마지막 과제를 제출하는 순간은 어쩌면 수료증을 받았을 때보다 더 짜릿한것같다. 프론트 쪽 코딩과는 달리 파이썬 코드들은 결과가 눈에 보이지가 않아서(?) 많이도 헤맸다. 특히 마지막 과제 중 csv파일을 save_file로 내보낼때 파일명이 원하는대로 정해지지 않아 몇번이나 코드를 수정했는지 모르겠다. 결국 코드가 아니고 브라우저 캐시 문제였던걸 보고 환호와 좌절을 동시에..ㅠㅠ 노마드코더 사이트를 만난건 나에게 행운이다. 쌰라웃 투 니꼬!

노마드코더 바닐라JS 챌린지 수료!

사실 챌린지가 종료된지는 일주일 넘게 흘렀지만 채점에 시간이 걸리기에 어제 막 수료증을 받았다! 요렇게 사이트 내에서 뱃지들이 쌓여가는게 보고 있음 기분이 좋다. 자격증도 아니고 공신력도 없지만, 독학으로 혼자 공부해나가는 입장에선 그래도 내가 무언가 쌓아올려가고 있구나라는 생각도 들고 도움이 된다. 물론 챌린지를 수료했다고 대단한걸 해낸건 아니다. 이제 그럭저럭 구글링 해나가면서 기초적인걸 만들줄은 아는 단계가 아닐까? 그리고 이게 독학에선 가장 필요한 시발점이라 생각하고. 사실 이번 졸업작품(구글 모멘텀 앱 클론)을 만들면서 애니메이션도 넣고 반응형(?)을 몇 개 넣어보고 싶었는데 언제나처럼 욕심 >>> 능력 이기에 시간이 쫓겨 제출하고 다른 공부를 하기에 급급하다. 어쩌다보니 코딩 공부를 병렬적으로..

[CSS] 노마드코더 카카오톡 클론 코딩 챌린지 순항중

열번째 과제 제출 완료! 매순간순간 구현되지 않는 부분, 마음대로 조정되지 않는 위치 등으로 애먹고 있지만 그래도 잘 해내고 있다. 처음 계획대로 파이썬 챌린지도 병행하지 못한게 못내 아쉽지만, 지금 챌린지도 하루종일 붙잡고 있을때가 있는걸 보면, 내 능력밖의 일이었던것 같긴하다. 그래도 카카오톡 클론코딩 챌린지라도 열심히 따라가고 있음에 감사! 클론코딩이라는게 처음엔 참 막막했는데, 내 손으로 하나하나 갖춰지는 코드들을 보고있으면 뿌듯한 마음에 더 열정적으로 궁금한걸 찾게되고 시험삼아 구현해보는 등 재미가 붙는다. 좋은 컨텐츠를 만들어준 니꼬쌤에게 감사!

[CSS] status-bar를 중앙 정렬해 위치시키는 hack! // 드디어 시작된 클론코딩!

css hack (justify-content: space-between 를 대신해 사용가능!) - 레시피 같이 어디든 쓸 수 있다. 이상하지만 작동한다. - 1 상위 박스 : justify-content: center; -중앙으로 몰림 -> 가운데 시계가 한쪽으로 쏠리는 문제가 발생!! - 2 내부 박스 범위 : width: 33%; -왼쪽으로 몰려서 범위 벌어짐, 왼쪽 위치할 박스는 왼쪽에 붙어서 정렬됨 - 3 중앙에 위치할 박스 : display: flex; justify-content: center; -중앙에 위치할 박스만 중앙에 위치함 - 4 오른쪽에 정렬할 박스 : *display*: flex; *justify-content*: flex-end; *align-items*: center; -오른..