Like Lion : 2일차

김진권·2021년 11월 2일

Like Lion

like lion

목록 보기

4/22

오늘의 실습

코리아 스타트업 포럼 메인 페이지 마크업 해보기

아직 미완이다. 가능한 빨리 만들어보려 했지만 예상했던 대로 하루만에 완성하지 못했다.
더 빠르게 완성하기 위한 방법은 무엇이 있을까?

설계 단계에서 박스작업을 확실히 하지 않은 것이 문제였던 것 같다.
마크업 설계단계에서 확실히 정리하고 코딩을 한 것이 아니라 바로 보이는 대로 html을 작성하려니 한번 갈 손이 두번 가는 느낌이다. 나중에 완성할 때는 다시 한번 마크업을 정확하게 하고 넘어가야겠다.
중복되는 css (콘텐츠 왼쪽 그림 오른쪽 조합, 콘텐츠 오른쪽 그림 왼쪽 조합)가 있는데 어떻게 하면 효율적으로 코드를 짤수 있을지 생각해봐야 한다.

동기생분의 정말 잘 정리된 마크업 분석글이 있어 참고하고자 링크를 걸어둔다.
Korea Startup Forum

워크샵

팀을 짜서 워크샵에 기대하는 점, 수업을 들으며 느낀점, 내 것으로 만들기 위해 필요한 행동 등에 대한 이야기를 잠시 나눴다.

✳️ 워킹백워즈 방법(Working Backwards)으로 역량순 포트폴리오를 만들고, 피드백 루프 설계하기

워킹백워즈 : 아마존 창시자 제프 베조스의 상품기획 방법론
일반적인 상품기획 방법 : 개발 => 출시 => 홍보
상품기획의 순서를 거꾸로 한다 : 언론보도 자료로 먼저 반응을 본다. (제품의 매력적인 포인트를 집어낸다.)
✔️ 소비자 중심의 상품기획 방법론

이 방법에 착안해서 우리도 한번 워킹 백워즈를 해보았다.

1) 제 자신에 대한 매력 포인트를 찾아서 언론 보도 자료 작성
2) FAQ 작성

✳️ 강연내용

어떤걸 잘하기 위해서 노력했고 어떤 문제해결을 했는지?
(어떤 부분을 내 장점으로 가져갈지 깊게 고민해야 한다) 3개월 뒤에 빛날 내 장점은?
그냥 일방적으로 교육과정을 따라간다고 해서 역량이 강화되지 않는다.

강사님도 역량강화를 위해 계속 활동하고 계신다. - 메이커준 유튜브

피드백의 기간이 짧아야 한다. (1년 전의 잘못을 지금 피드백 ❌)
공항에서 전문성을 기르는 방법 : 주기적으로 가짜 레이어를 씌워서 (칼,총) 캐치했는지 못했는지 피드백준다. (전문성을 기르기 위해)

작은단위로 쪼개서 피드백 리스트를 만들어봐라

✳️ 나의 6일간의 피드백 리스트

<협업 능력>	<개발 능력>	<디자인 능력>
궁금한 것 적절히 질문하는 연습 : 하루 1회	잘 완성되어 있는 사이트 클론코딩 : 1회 / 6일	깔끔한 디자인 도안 보며 왜 잘된 것인지 분석해보는 시간 (2시간) 가져보기 : 1회 / 6일
자주 사용하는 IT용어 찾아서 정리하기 : 1회 / 3일"	클론코딩하며 구조적인 설계 미리 그려보기

우리의 워크샵 구글스프레드 시트
구글닥스, 구글스프레드 협업 시 좋은거 같다.

강의 내용

1️⃣ 다른 사람들과 비교하며 급하게 하지말고 본인의 성장에 집중

2️⃣ 모르는 tag 등장 mdn 문서 찾아서 확인해봐라

4️⃣ form tag

url 구조
① 한글 쿼리스트링(스트링)의 값은 인코딩되어 변형된다.

ex)
http://www.jejuiucc.or.kr/default/Bd/list.php?btable=notice&mode=search&ischkdel=&ischkmove=&lcate=&chkdelvar=&l_search=sc&keyword=%EC%A0%9C%EC%A3%BC+%EC%BD%94%EB%94%A9 =>
제주 + 코딩 => %EC%A0%9C%EC%A3%BC+%EC%BD%94%EB%94%A9 (인코딩 결과 값)

② html form에서 정보를 만들어서 보낸다. (get 방식이든 post 방식이든)

  <form action="./011.html" method="get">
    <label for="id">아이디 : </label>
    <input type="text" name="아이디" id="id"><br />
    <label for="pw">패스워드 : </label>
    <input type="text" name="패스워드" id="pw"><br />
    <label for="male">남</label>
    <input type="radio" name="성별" id="male" value="남">
    <label for="female">여</label>
    <input type="radio" name="성별" id="female" value="여">
    <p>좋아하는 프로그래밍 언어</p>
    <label for="python">python</label>
    <input type="checkbox" name="언어" id="python" value="Python"><br />
    <label for="javascript">javascript</label>
    <input type="checkbox" name="언어" id="javascript" value="Javascript"><br />
    <label for="c">c</label>
    <input type="checkbox" name="언어" id="c" value="C"><br />
    <label for="c++">c++</label>
    <input type="checkbox" name="언어" id="c++" value="C++"><br />
    <button type="submit">회원가입</button>
  </form>