Youngble_개발스토리

오늘 한일 Linked List 구현 클래스,객체 원시타입, 참조타입 차이 ​알고리즘과 자료구조를 공부하면서 linked list 를 구현을 해보았다. 강의를 따라하면서 next 값을 계속 접근해가면서 새로운 값을 append 하는과정을 보면서 cur 이라는 변수에 class의 this.head 를 넣어주는데 cur = this.head 라고 있었고 이 this.head는 클래스를 참조하는것이였다. 순수 자바스크립트의 이론을 공부한지 오래되기도했고 이론과 실전을 접목하는 시간이 많이 없어서 몰랐는데 위의 스샷에서 cur = cur.next로 cur 에 접근하여 값이 바뀌면 this.head안에 있는 this.head.next 값도 바뀌는걸 보고 "응? 이게 왜 같이 바뀌는거지?" 라고 생각했다. '클래..

해야할게 산더미이고 하고싶은것도 산더미, 짧은시간안에 하려니 머리가 돈다. Ing/will 27일전까지 코딩테스트 -> 자료구조, 알고리즘, 문제 풀기, 회사 조사 기본기-> 자바스크립트, cs(네트워크, 웹, 보안, 등.... 끝이없네) 기술 -> 리액트, 리덕스, 타입스크립트, node.js, 서버, DB, next.js, vue 찍먹찍먹 우걱우걱 T자형 인재 그런데 지금은 ㅜ 을 흘리는 인재 ㅡ 를 늘리는중 면접준비-> 자기소개 준비, 이력서 질문예상 리스트 정리, 혼자대답 및 체크 학업-> 캡스톤 프로젝트 구상 및 진행, 스케쥴 체크 request{회사가 원하는 : 개발자, 같이 일하고싶은 : 개발자, 애매하지 않은 : 개발자, 기본을 아는 : 개발자..} response{내가 원하는 : 회사, ..

공공데이터 api를 사용하려 했지만 CORS이슈발생, 이유는 클라이언트에서 바로 요청 접근해서 브라우저 관련된 정책이기 때문에 위반된다고 판단하는것이다. 따라서 따로 서버에서 서버로 리소스를 요청하면 CORS 정책을 위반하지 않고 정상적으로 응답한다고 한다. 이를위해 express사용하여 프록시 서버(백엔드서버)를 구축하기로했다. 프록시 서버란? 클라이언트가 자신을 거쳐 다른 네트워크에 접속할 수 있도록 중간에서 대리해주는 서버. 서버와 클라이언트 사이에서 대리로 통신을 수행해주는 것을 프록시라고 하고 그 기능을 하는 서버를 프록시 서버라고 부르게 되는 것 이다. CORS란? Cross-Origin Resource Sharing 약자로 서로 다른 출처(Origin)간에 리소스를 전달하는 방식을 제어하는 ..

기존에 배운거 이론이나 쓰는방법을 정리해도 시간이 많이 걸릴텐데 타입스크립트를 해보기로했다! 자바스크립트의 자유도를 캄다운 시켜줄 아이. 취준을 하며 회사들의 요구사항을 보니 타입스크립트 부분도 있길래 어떤 장점이있나 찾아보고 아 협업할때나 동적타입같이 점점 프로젝트가 커지거나 여러사람이랑 할때 확실하게 할수있어서 좋겠구나! 컴파일을 하기전에 사전에 에러를 체크할수있고 컴파일로도 에러를 체크할수있어서 런타임오류를 방지할수있고 바로바로 수정가능하겠구나! 이래서 쓰겠구나 하고 대강 생각하고 심지어 내돈내고 유료로 듣기로했다!!! 어떻게 공부를 할까 유투브를 찾아봤는데 솔직히 간단하게 알려주고 끝나는 유툽도 많고 중간부턴 유료로 전환되는경우도 많아서 이럴바에는 좋은데 싼거 찾아서 듣자 결심했다. 찾아보니 ud..

항해99 수료생들을 대상으로 취업면접을 대비하여 모의면접을 진행하여 자신의 이력서를 해당 담당 멘토분이 검토후 보충하면 좋은거나 프로젝트 관련하여 기술적인 질문, 질문 의도, 면접관들이 주니어 개발자를 볼때 각자만의 보는 기준 등을 설명하는 시간이였다. 3명 그룹 면접으로 진행하면서 내가 첫번째 순서였다. 면접에 대한 경험도 없고 내 이력서이지만 해당 스킬에 대한 대답이나 스토리를 준비를 못했다고 많이 느꼈다. 해당 기술질문에 대해서 정답만을 이야기 하려고 노력하다보니 말이 장황해질때도 있고 또 장황하게 이야기하게 되는걸보고 간략하게 이야기하려고하다보니 뭔다 대답이 뒤죽박죽이 된 느낌이였다. 다른 2명이 진행하는걸 보고 또 멘토님의 피드백을 듣고 난후 설명을 할때 내가 프로젝트를 진행하면서 어떻게 노력을..

서버구축 자바스크립트언어 기반 node.js 를 사용하여 서버를 만들어볼려고한다. 먼저 node.js 장점은 비동기처리를 한다는것, A,B,C 라는 작업이 들어왔다면 순서대로 끝날때까지 하는게 아니라 일단 A,B,C 작업을 받아서 빠르게 처리하는것부터 완료하는것이다. 예를들어 SNS, 채팅 서비스 같은경우 요청이 매우 많고 여러 요청을 바로바로 처리해야한다. 무거운 요청까지도 일단 받아들이기때문에 멈춤이 없다는 장점이 있는것이다. 기본서버환경 만들기 express express 라이브러리를 사용하면 쉽게 서버를 만들수 있다고한다. creact-react-app을 통해 만드는게 아니기 때문에 package.json 과 같이 패키지 라이브러리 버전관리 파일이 필요하다. 따라서 npm init 을 통해서 새 ..

프론트를 진행하면서 백단에서의 흐름이나 로직에 대해서 초반에 따라만든것말고는 아는게 없어서 다시 개념을 잡아서 기본은 알아야겠다고 생각했다. 먼저 DB에 대해서 간략하게 아는대로 적어봐야겠다. SQL 엑셀과 같이 행/열의 생김새가 정해져 데이터를 저장한다. 만약 데이터가 50만개가 적재되어있다면, 그 중간에 갑자기 열 하나를 더하는것은 어렵지만 정형화되어 있어서 데이터의 일관성 및 분석이 용이하다고 한다. NoSQL 딕셔너리 형태 {"a" : "blabla", "b" : "mumble", ...} 로 데이터를 저장해두는 DB 로써 SQL과 달리 데이터 하나하나 마다 값들을 가지지 않아도되고 자유로운 형태로 데이터를 적재할수있다. 하지만 일관성이 부족 하다고 할수있다 Ex) MongoDB 이러한 자유로때문..

리액트를 사용하면 JSX 문법을 자연스럽게 접하게 된다. 막상 쓰는법은 알지만 이것이 정확히 무슨뜻이고 무슨 원리이고 어떤 배경이 있는지는 자세히 알지못했다. 풀어쓰면 Javascript XML 인데 이때 XML은 html과 비슷하지만 다른 확장성 마크업 언어이다. 따라서 무엇이 JSX이고 그안에 있는 XML 은 무엇인지 정리해보기로 했다. XML eXtensible Markup Language 약자이며 확장성 마크업 언어 이다. 보통 XML 형태는 html 태그와 비슷하지만 분명한 차이점이 많이 존재한다. XML은 data를 전달하는 데에 포커스를 맞춘 언어이고 HTML은 data를 표현하는 데에 포커스를 맞춘언어이다. XML은 HTML과 달리 tag가 미리 정의 되어 있지 않다. 장점으로는 문서 자체..

자바스크립트 최신 문법들을 다시한번 훑어보면서 optional chaining 기능을 배웠는데 들으면서 번뜩 떠오른 부분이 있었고 이 최신 문법을 사용하여 예전 프로젝트를 수정하면 코드가 더 줄어들지 않을까 생각했던 부분이 있었다. Optional Chaining? The optional chaining operator (?.) enables you to read the value of a property located deep within a chain of connected objects without having to check that each reference in the chain is valid. 위는 MDN 에서 정의된 설명이다. 번역하자면 optional chaining(?.) 을 사용하..

JSON (JavaScript Object Notation) JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 서버와 데이터를 주고받을때 보통 JSON형식으로 보내준다. (또는 XML) 또한 api를통해 받은 정보들을 localStorage나 sessionStorage 에 데이터를 저장할때 따로 설정이없다면 객체의 값은 string형식으로 저장이 된다. 예시 현재 프로젝트에서 localStorag에 담아 사용중인 키값들 LocalStorage를 콘솔로그 출력화면 만약 내가 원하는 값이 boolean 형식이거나 number, object등 다른 타입이라면 저장했다가 쓸때 하나의 문자열로만 되어있기때문에 정확하게 쓸수없..