브라더원의 실험실

꿀잠 도구 html로만 초기 화면(index)을 만들었다. css를 거의 안 입혀서 아직 조잡한 상태지만, 카카오톡 클론 강의를 보며 따라할 때와, 내가 생각한 아이디어를 실제로 구현하는 것은 몰입도가 달랐다. 재밌는 프로젝트가 될 것 같다. 뭘 모르는 햇병아리이기에 가능한 패기가 아닐까싶다. 별 대단한 기능을 생각해낸 것은 아니지만, ‘요놈 참 좋네잉’하면서 스스로 수면에 도움이 되는 경험이 되길 바란다. ‘꿀잠 도구’. 이것이 될 줄은 몰랐지만 이미 시작한 거 모르는 것은 끈질기게 찾으면서 만들어보자. 프로젝트를 하다보면 분명 어떻게 코드를 짜야할지 모르는 것들 투성이일 것이다. 모든 경험이 다 나에게 자양분이 될 것임을 생각하고 잘 공부하자. 일단, 내일은 최소한의 기능을 담기 위해 필요한 페이지가..

HTML & CSS 을 마치며... #1 강의 복습 포인트 1> Git VS Git Hub 2> Version Control에 대한 3가지 개념은? 3> 깃파일에 변강사항이 있고, 이를 깃허브에 반영하고 싶다. 이를 위한 4가지 스텝에 대해 말하시오. #2 강의 복습 포인트 1> 왜 index.html파일부터 만드나? 2> 을 풀어서 설명하시오. 3> 문서를 구성하는 2가지 요소는? 4> meta 태그는 무엇인가? 예시 3가지도 제시하고 설명하시오. 5> Sementic vs Non-sementic tag를 설명하고, Non의 대표적인 예시 2가지를 제시하고 세부 설명하시오. 6> 가 너무 많이 존재하면 무엇이 어떤 건지 이해하기 복잡하다. 이름을 짓는 것이 나중에 CSS작업으로 넘어갔을때, 정확한 대상..

#한달쓰기 #팝콘팀 #개발공부일기 #13일차 중ㆍ고등학교 시절, 공부에서 가장 중요한 것은 개념 다지기라고 생각했다. 그래서 수업의 모든 내용을 하나도 놓치지 않기 위해 노트에 빼곡히 필기하곤 했다. 머리가 그리 똑똑하지 않았던 나는, ‘모든 것을 다 적고, 그냥 싹 외워버리자!’라는 마인드로 누가 보면 매우 비효율적이고 무식하게 공부를 했다. 이러한 공부 습관이 몇 년간 쌓이다 보니 나름의 노하우가 생겼고, 소위 말하는 ‘내신식 공부’에는 자신이 있었다. 스스로 멍청하다고 생각했던 나이기에, 편법 없이 모조리 다 외우자는 생각을 어렸을 때부터 어렴풋이 했던 것 같다. 이러한 공부법은 학창 시절뿐만 아니라 대학교에서도 통했다. 필기시험, 서술형 시험, 그리고 대면 시험에서도 나의 ‘내공법’(내신식 공부 ..

#한달쓰기 #nomadcoder #노마드코더 #개발공부일기 #12일차 무엇을 배우기 전, 지금까지 누군가의 디렉션을 통해 기초를 익혔다. 기초를 잡고 나서는 응용, 더 나아가 심화로 나아가는 자연스러운 과정을 거친다. 나의 공부는 지금까지 초반에 누군가의 지시에 의해 ‘이거 공부해’라고 전달받았다. 그리고 묵묵히, 비판의 과정없이 그저 ‘열심히’ 눈 앞에 있는 공부를 해내는 데에 집중했고, 이것에 나는 나름 재능이 있었다. 그런데 만약 내게 방향을 제시해주는 누군가가 없다면 어땠을까? 허둥지둥 되며 더디게 발전했을 것이다. 기초 개념을 잡아야 응용도 하고, 더 어려운 심화 과정을 건드릴 수 있는데 기초 개념을 어떻게 공부해야 할지 방황하며 누군가의 명령이 떨어지길 기다리지 않을까싶다. 주어진 것은 성실하..

지난 한달 4기에서는, 정말 주먹구구식으로 프로그래밍 공부를 했다. 하루빨리 유용하고 있어보이는 프로젝트를 내 손으로 만들고 싶었다. 그래서 이론 다 건너뛰고, REACT를 이용한 9가지 실전 프로젝트를 무작정 따라해보고 모르는 부분은 구글링했다. 평소에 느꼈던 불편함을 메모하며, 순전히 나의 편리를 위한 애플리케이션을 만들고 싶다는 생각에 아이폰용 앱을 만들어보려고 관련 영상을 보며 공부하기도 했다. 그리고 개발자 커뮤니티 'okky'에서 react를 무작정 따라하다가 오류가 발생하여 어떻게 해야할지 조언을 구하기도 했다. 그 과정에서 바로 리액트에 들어가는 것보다는, 기초적인 개념을 단단히 한 다음에 리액트로 넘어가는 것이 어떻겠냐는 조언을 얻었다. 기초 개념을 공부하기 위해 서칭하다가 우연히 '생활..

개발 공부 일기 10 '내가 100명이면 좋겠다...' 예전부터 생각했다. 놀고도 싶고, 성공도 하고 싶고, 그리고 휴식도 취하고 싶을 때가 있다. 우리의 몸은 하나이기 때문에, 다양한 선택지 중에 한 가지 행동을 선택할 수 밖에 없다. 그래서 놀거나 쉴 때 일에 대한 압박감으로 마음이 불편하곤 했다. 내가 여려 명이어서 유연하게 모든 선택지를 고를 수 있으면 참 좋을텐데. 그래서 '나루토'라는 만화 캐릭터가 참 부러웠다. 왜냐하면 그에게는 그림자 분신술이라는 잇츠 어메이징한 능력이 있었으니까. 나루토라는 만화 캐릭터는 무수한 자기 분신을 만들 수 있다. 분신 1은 꿀잠을 자며 체력을 회복하고, 분신 2는 친구들이랑 PC방에 가서 게임을 하고, 분신 3은 공부를 할 수 있다. 각각의 분신들이 겪은 경험치..

개발 공부 일기 9 한달쓰기 4기가 2일 뒤면 끝난다. 목표였던 개발공부일기 15개 쓰기는 실패다. 나중에 내 필살기가 될 '개발' 공부를 본격적으로 시작해본 한달 4기, 아~주 기본적인 개념과 문법에 대해 공부하는 좋은 시간이었다. 작년 7월부터 머릿 속에 박혀있는 '인풋을 아웃풋으로 전환하는 것'을 위주로 생각하다보니, 답답한 면이 없지 않아 있었다. 그래도 어쩔 수 없지. 아웃풋을 위한 기본적인 인풋은 필수니까. 일단은 그릿으로 기초를 다져야한다. (그래도 답답한 건...후...) 한달쓰기 5기가 시작되기 전까지, 생활코딩 자바스크립트 강의를 꾸준히 공부하자. 내 능력을 팔 수 있는 시기가 빨리 왔으면 좋겠다. 그래서 '한달머니'로 실험해보고 싶은데, 아직 너무 이르겠지? 아니면 그냥 5기 때부터 ..

개발 공부 일기 8 Jquery 어떻게 하는데? Jquery 사용하는 과정을 살짝쿵 보여줬다. 라이브러리를 어떻게 사용하는지 보여주기 위해서. - - "$"로 맨처음 붙여서 쓴다! ***Visual Studio Code 상에서 써본 예시*** DOCTYPE html> Document 형일 : 90점 형이 : 60점 형삼 : 30점 $('#execute.btn').click(function(){ $("#list li").text('coding everybody'); }) UI와 API란? - UI = User Interface - API=Application Programming Interface ※ interface란? 사람이 생각하는 바를 컴퓨터에게 알려준다. 생각이 프로그래밍으로 전환되는 접점. UI..

개발 공부 일기 7 객체 지향 프로그래밍이란? 객체 지향 프로그래밍이란 무엇일까? 하나의 객체(A)안에 Key로써, 서로 연관성 있는 데이터(a-1) 또는 함수(a-2)들이 그룹핑되어 있는 것을 의미한다. 예시를 들자면, 다음과 같다. 객체 지향 프로그래밍 var A = { "a-1" : { "에이", "비", "씨" } "a-2" : function(){ alert("hello world"); } } 기본 개념에 대해 이해하고 넘어가자. 실용적인 아이디어로 전환하기 위한 사전 지식을 습득하는 중이니, 지금은 요정도 로 이해만 하고 넘어가도록 하겠다. & 여기서 잠깐 ! - this가 머지??? 분명 강의를 천천히 들었는데, 메모만 되어 있고 내용이 정확히 생각나지 않는데. 더 찾아볼 개념이다. this..

개발 공부 일기 6[1강 객체의 문법] 배열(array) : 연관되있는 데이터들을 담는 그릇 [] 객체(Object) : 연관되있는 데이터들을 담는 그릇 {} -배열의 예시abc0(index 값)12 -객체의 예시abcsecondfirst(원하는 값을 임의로 지정할 수 있다) "first" "second" index의 값으로 내가 원하는 값을 지정할 수 있는 것이 차이점이다. 객체의 구성요소는 2가지로 이루어진다. key와 value가 그것이다. var grades = {"bro1" : 10, "bro2" : 6, "bro3" : 90}; "bro1", "bro2", "bro3"는 key10, 6, 90은 value 변수 grades에 객체(bro1, bro2, bro3)를 담아내야 한다. * 객체 정의..