728x90

개발공부 42

[Practice & RE-Planning] #3. 아직 한참 모자르다 (프론트엔드 개발자 되기)

0. 들어가며 지난 계획 이후 2주가 좀 더 되는 시간이 흘렀고 새로운 달이 찾아왔다. 지난 계획을 정말 잘 실천했는지 다시 한 번 돌아보고, 부족한 것을 보완하며 필요한 부분을 채우기 위해 또 다시 글을 적어본다. 1. 나의 지난 삶 회고 - 계획이 먹혀 들어가는 것 같다 지난 계획이후에 조금은 실행력이 늘었다. 개인 프로젝트도 진행하고, 과제 전형 이후에도 생각을 많이 하는 것 같다. 어떠한 문제가 있었는지에 대해서만 생각하는게 문제라면 문제지만, 조금이라도 발전이 있었다는 측면에서는 긍정적이라고 생각한다. 하지만 아직 부족한 부분이 있는 것도 사실이다 아래는 부족한 점에 대해 조금이나마 분석해본다. 0. 이름뿐인 To Do List (계획 실행력에 대해) 계획을 세우기는 하지만, 그날 그날 임기응변..

[Restart 프론트엔드 스터디] #1. 자바스크립트의 역사 (출처: poiemaweb)

자바스크립트의 탄생 1995년 넷스케이프 커뮤니케이션즈에서 정적인 HTML을 동적으로 표현하기 위해 경량의 프로그래밍 언어를 도입하고자 하면서 브랜던 아이크(Brendan Eich)가 개발한 자바스크립트를 도입하게 되었다. 1996년 3월 처음 "Mocha"라는 이름을 통해 Netscape Navigator2 웹 브라우저에 탑재되었고, 9월에 "LiveScript"로 이름이 변경되었고, 12월에는 "JavaScript"로 명명되었다. 자바스크립트의 파편화와 표준화 1996년에는 마이크로소프트에서 자바스크립트이 파생 버전인 "JScript"를 IE(인터넷 익스플로러)3.0에 탑재하였는데 JScript와 자바스크립트가 표준화 되지 못한 상태에서 각 브라우저에서만 동작하는 기능들을 경쟁적으로 추가하면서 브라우..

[Practice & RE-Planning] #2. 드러난 문제 (프론트엔드 개발자 되기)

0. 들어가며 지난 계획 이후 2주가 좀 안되는 시간이 흘렀다 제목에 결론(?)이 나와있기는 하지만 지난 계획 이후의 삶을 회고하고 고쳐야 할 것은 고치고나서, 계속 새롭고 도전적인 삶을 살아보고자 이 글을 통해 좀 더 나은 내가 되어보고자 한다. 1. 나의 지난 삶 회고 - 계획이 실패했다 의지가 좀 부족했던 것 같기도 하고, 좀 너무 쉽게 생각했던 것 같기도 하다. 그래서 지난 번 계획은 반은 성공했지만, 나머지 반은 실패했다. 결론적으로 그 나머지 반이 훨씬 컸고, 나는 실패했다. 아래는 그 이유를 조금이나마 분석해본다. 0. 플래너를 쓰지 않았다 이유는 간단하다. 귀찮았다. 예전만큼 손으로 플래너를 쓰는게 썩 즐겁지 않았다. 손으로 뭔가를 적는게 너무 큰 일처럼 느껴졌고, 이 일이 너무 큰 부분을..

[Restart 프론트엔드 스터디] #4. 웹페이지를 구성하는 기본 태그(출처: poiemaweb)

문서 형식 정의 태그(Document Type Definition Tag) 출력할 웹 페이지의 형식을 브라우저에게 전달하는 태그 대소문자를 구별하지 않으며 html 버전 등에 따라 작성하는 방법이 다르다. HTML 태그 모든 요소의 부모 요소이며, 웹 페이지에 단 하나만 존재할 수 있다. 따라서 모든 요소는 내부에서 기술되어야 한다. (은 예외) 또한 Global Attribute를 지원한다. 가장 많이 사용되는 것에는 lang 정도가 있다. 화면에 표시할 모든 콘텐츠는 이곳에 기술한다. HEAD 태그 head 요소는 metadata를 포함하기 위한 요소로, 웹 페이지에 단 하나만 존재할 수 있다. 화면에 표시되지 않는 meta, title, style, link, script 등을 포함하고 있으며 이 ..

[Restart 프론트엔드 스터디] #2. HTML5에 대하여 (출처: poimaweb)

HTML5 요약 정보 2014. 10. 28에 확정된 차세대 웹 표준안으로 지금까지 사용중이다 (버전업은 계속 되고 있지만 버전 변경은 되지 않았다. 현재 표준은 하나로 합쳐져서 이쪽에서 확인할 수 있다. 하나로 합쳐지면서 HTML5라는 말보다 HTML이라고 그냥 부르게 된 듯 하다.) 추가된 기능들 (출처 - poimaweb) HTML 기본 문법 Element (요소) 시작 태그와 종료 태그, 그 사이에 위치한 content로 구성된 것. HTML 문서는 Element의 집합으로 이루어진다 Nested Element (요소 중첩) Element 내에 다른 Element를 포함할 수 있고, 이 때부터 부모자식관계가 성립된다 이 관계를 시각적으로 파악하기 쉽도록 들여쓰기(indent)를 활용한다. 안녕하세..

[Restart 프론트엔드 스터디] #1. HTML의 정의와 역사, 기본구조

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

[Planning] #1. 어떻게 공부할 것인가? (프론트엔드 개발자 되기)

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

백엔드 개발보다 프론트엔드 개발이 더 좋았던 건에 대하여(개발자 입문기) - 2

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

Retrospect/ETC 2022.07.27

[Next.js] 공식문서 읽어보기 + 공식문서 읽는방법(by 제로초님)

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

[생활코딩] JAVA 제어문 - 논리 연산자 / 반복문 / 배열

1. 논리 연산자(Logical Operator) 두 개 이상의 명제(논리결과)에 대한 비교를 하는 연산자 크게 AND, OR, NOT으로 나뉘며 사용방법은 예제 코드를 통해 알아보자 예제) public class LogicalOperatorApp { public static void main(String[] args) { System.out.println(1 == 1); //AND System.out.println(true && true); // true System.out.println(true && false); // false System.out.println(false && true); // false System.out.println(false && false); // false // OR S..

반응형