硏錄 YEON_log

HTML(Hyper Text Markup Language) 이란? 웹 문서를 작성하는 데에 사용하는 언어로서, 프로그래밍 언어(JavaScript, Java, C 등)들과는 다른 것이다 H가 내포한 Hyper Text라는 말에서 알 수 있듯이 다양한 자료들을 참조하고 연결할 수 있는 문서를 작성하는 언어이다. 언어이기는 하나 태그 등을 이용하여 문서와 데이터의 구조 정도만을 명기하고 있기에 일반적인 프로그래밍 언어들과는 구별된다. HTML의 역사 (첫 개발부터 HTML4 까지) 1980년, 유럽 입자 물리 연구소(CERN)의 계약자였었던 물리학자 팀 버너스리가 HTML의 원형인 인콰이어를 제안하였다. 인콰이어는 CERN의 연구원들이 문서를 이용하고 공유하기 위한 체계였다. (HTML이 개발되기 시작한 이..

0. 들어가며 인생에서 가장 중요한 시기를 맞이한 것 같다는 생각이 들었다. 얼마 안되는 경험과 지식으로 취업이라는 전쟁에서 반드시 승리해야만 하는 상황이다. 지금의 이 상황을 극복하지 못하면 앞으로도 발전은 기대하기 어려울 거라는 결론에 이르렀다. 어쩌면, 뜬금없고도 자극적인 서두겠지만 지금의 나는 사면초가, 진퇴양난과도 같은 상황이다 그렇기에 임전무퇴의 정신으로 이 전쟁에 임하고자 다짐하며 글을 쓴다. (글을 쓴다고는 하지만, 스터디 계획을 선언하는 것에 가깝다) 1. 나의 지난 삶 회고 짧았던 실무 경험을 타의로 마친 후, 나는 원티드 프리온보딩 챌린지를 도전하고자 하기 전까지 어쩌면 폐인과 같은 삶을 살았던 것 같다. 모든 의지가 박살나버렸고, 그 어떤 말로도 위로받지 못했고, 내가 진짜 무언가를..

다시 취업에 뛰어들어야 하는 상황이었다. 그런데 그렇다할 포트폴리오도 없고, 그냥 전체적으로 너무 비루한 이력과 경력과 실력이랄까. 그래도 일단은 준비해보자 하고 있었는데, 원티드에서 이런 이벤트를 하고 있는 것을 알게되었다. 뭐 당장 취업을 하든 못하든 나는 프론트엔드 개발을 접고 싶지 않았기 때문에 이번 챌린지도 기회로 삼기로 했다. 그래서 고민하다가 일단 되는대로 시작해보기로 했다. 먼저, 사전과제 api repository를 fork 해두고, 내가 만들어야 하는 repository를 새로 생성하였다. api는 로컬에서 돌려야 하는 환경인데, 일단 기능구현을 우선적으로 하기위해 fork만 시켜두고 로컬에 clone은 하지 않은 상태이다. 브랜치 전략같은 경우에는 git flow에 기반한 전략으로 가..

지난 글(참조링크)에 이어서 주절주절 해보려고 한다. 어쩌면, 개발자라는 말을 하기에도 부끄러운 수준이라고 할 수 있지만 지난 글에서 설명했던 이 글의 소계의 목적을 달성하고자 꿋꿋하게 글을 이어서 써보고자 한다 오늘의 글에 대해서도 도움이 되었다면 댓글 좀 부탁드린다! (물론, 수정이 필요한 부분에 대해서도 댓글은 환영이다) 일단 부트캠프든 국비학원이든 수강하기 시작했다면, 최대한 수업을 따라가면서 이해하도록 노력하는 것이 첫번째 목표가 될 것이다. 다만, 그냥 수업만 이해하자는 것을 목표로 삼지는 않는 것이 좋다. 개발자는 결국 개발이라고 하는 업무를 통해 서비스를 만들어내는 직업이므로, 항상 어떠한 서비스를 만들것인가 생각해보고 적용해보는 것이 중요하다 할 수 있다. 쉬운 예로, 커뮤니티 사이트를 ..

우선 이런 글을 쓰게 된 경위(?)에 대해서 말해본다. 나는 흔히 말하는 국비학원 출신의 비전공 개발자 루트를 가진 사람으로써, 코딩의 입문부터 지금까지 막연한 느낌과 구름같은 정보들만 가지고 개발자로서의 커리어를 쌓아왔다. 그렇기 때문에, 무언가 막연한 것이 답답했던 나와 같은 사람이 시행착오를 겪지 않기를 바라는 마음에서 적어본다 사실 나는 아직도 막연한 게 많은데, 그냥 생각을 정리하자는 차원에서 이러한 글을 적는것도 있다 들어가기에 앞서, 이 글이 매우 길어질 것 같음에 독자가 될 여러분에게 주의를 요하는 바이다. 그리고 이 글이 도움이 되거나 수정되어야 할 부분이 있다면(?) 댓글을 반드시 남겨주기를 바란다! 우선, 코딩이라는 것을 처음 접했던 때로 돌아가본다. 사실 처음에는 개발자가 되고 싶다..

아직 글 작성 실력이 미숙하여, 두서가 없을 수 있는 점 먼저 양해를 구합니다! 회고의 요약 결론은 맨 아래에 적어두도록 하겠습니다 (긴 글이 싫으시다면, 3개월의 결론만 확인하셔도 무방합니다) 모든 것이 처음이었습니다. IT회사도, 개발직무도, 서울에 있는 오피스도 한 개도 낯설지 않은 것이 없었고 설레고 즐거움이 가득했던 것 같습니다 사실 아무 능력도 기술도 없는 제가 어떻게 생각하면 그저 말을 잘해서 합격했다고 생각했습니다. 그래도, 개인적인 상황상 합격했다는 그 자체가 너무 기쁘고 좋았던 것 같습니다 원티드를 통해서 프론트엔드 직무 지원을 90개 가까이 했었고, 그 중 면접은 두 곳을 보게 되었으나 결국 최종합격은 이 곳 하나 뿐이었습니다 그래서, 더 기뻤는지도 모르겠습니다 처음 출근을 하던 날 ..

참조 | https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 1. React는 무엇인가? React는 UI(사용자 인터페이스)를 만들기 위한 JavaScript 라이브러리이다 2. React 활용에 필요한 사전지식과 요구사항(by TaniaRascia) HTML, CSS에 대한 기본지식 프로그래밍과 JavaScript에 대한 기본지식 DOM(Document Object Model: 문서객체모델) 에 대한 기본이해 ES6(ECMAScript 2015) 문법과 기능에 대한 지식 Node.js와 npm(Node Package Manage..

참조 | https://nextjs.org/learn/foundations/about-nextjs/what-is-nextjs Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 1. Next는 무엇인가? Next는 React 기반의 프레임워크로 빠른 웹 애플리케이션에 필요한 빌딩 블럭을 제공한다 2. 웹 어플리케이션 구축을 위해 고려해야 할 것들 UI(유저 인터페이스) - 사용자(User)가 어플리케이션과 상호작용하는 방..

문득 생각이 든 김에 실천해보도록 하자 여태껏 공부를 한다고 했지만, 돌아서면 잊어버리고 기억이 안나고 제대로 사용할 줄 아는 기술이 없는 것 같아 불안한 마음이 많이 들었던 것 같다 오늘도 주말을 맞이해서 개인적으로 공부를 하던 도중에 생각난 것이 있어서 회고해보고자 한다 1. 나는 아직 주니어이다 어느 개발자든 어느직무의 어느 직책이든 다들 업무를 잘 수행하고 싶은 마음이 굴뚝같겠지만, 누구든 시작점, 출발점이 있다는 것을 잊어서는 안될 것이다 어느정도 자신의 부족함을 인정하고, 노력해야 한다는 것을 잊지말자 여기서 포인트는 부족함을 인정하는 것인데, 이 부족함을 인정한다는 것이 '나는 부족한 사람이야' 에서 그치는 것이 아니라 부족한 만큼 내가 노력해야 한다는 그 사실을 인정하고, 지금 부족한 나의..

여러가지 공부할게 많은데, 순서가 잘 안잡혀서 손에 잡히는대로 하고 있다 그 중에서도 지금 필수적인게 실무에서 사용하고 있는 Next를 이해하는 것인데 완벽까지는 아니더라도 실사용에 무리가 없도록 하기 위해서 회사 팀장님의 조언을 따라 공식문서를 읽어보기로 했다 무작정 Docs 탭으로 들어가서 읽으려고 하니 아직 내가 이해하지 못하는 것들이 많아서, tutorial 을 따라가면서 읽어보기로 했다. 혹시나 나처럼 이해가 잘 되지 않는다면 이러한 방법으로 공부하는 것을 추천할 수 있을 것 같다 홈페이지 메인에 Strat Learning 버튼을 누르면 tutorial 하면서 배울 수 있는 페이지로 넘어가게 된다 공식문서가 대부분 영어로 되어있지만, 구글 크롬 등을 사용한다면 자동 번역을 통해서 읽어 볼 수 있..