개발자 리버의 호기심 천국

전체 글250

Command Prompt(CMD), Git bash, PowerShell VSCode를 사용하다 보면, 아래와 같이 터미널에 여러 버전이 있는 것을 볼 수 있다. 싸피에서 개발을 시작할 때부터 Windows 환경에서 Git Bash만 계속 써오던 나는 이 다양한 터미널들에 대해 자세히 알아본 적이 없었다. 하지만 실제로 일을 하면서부터는 모르는 게 조금 부끄러워져서 정리해본다. 터미널이란? 먼저 잘 모르고 사용했던 '터미널'이라는 단어부터 정리해보자. 터미널은 원래 유닉스 기반의 컴퓨터에서 복수의 사용자들이 하나의 컴퓨터에 접속하기 위해 사용했던 단말이었다고 한다. 이제 Personal한 컴퓨터를 사용하기 위해 필요가 없어진 터미널, 그 의미가 변화해서 명령어 입력을 통해 컴퓨터를 직접 제어하기 위한 소프트웨어라는 뜻을 가진다. 그리고 모든 운영체제는 기본적인 터미널을 내장하.. Programming/ETC 2023. 3. 27.

[Node.js] path 모듈 홈페이지를 만들면서 배웠듯 운영체제마다 다른 문자로 디렉토리 구조를 표현한다. Unix 계열은 /, Windows는 \를 사용한다. 따라서 파일이나 디렉토리의 경로를 단순히 문자열을 이용하여 접근하면 프로그램이 특정 운영체제에서만 돌아갈 위험이 생긴다. 그래서 Node.js에서는 기본적으로 path 모듈을 제공해 JS 개발자들이 이러한 위험 없이 경로를 다룰 수 있도록 도와주는 것이다. Next.js 13버전으로 홈페이지를 만들고 있는데, Vercel에 배포하려고 하니 관련된 에러를 밷어 것 같아 이 방식으로 해결했다. 동료분이 말씀해주실 때 미리 도입해 놓을걸 ^^ 불러오기 import path from "path"; Join(): 경로 만들기 여러 개의 문자열을 가변 인자로 받아서 하나의 완전한 경로.. Programming/ETC 2023. 3. 27.

[iOS] button 요소에 color를 지정하지 않으면 safari 브라우저에서 버튼 텍스트가 파란색(-apple-system-blue)로 표시된다 만년 갤럭시 유저인 나(최근 산 아이패드 제외!)... 회사 서비스 404 페이지를 만들고 당당하게 담당자분께 보고했는데, 사파리에서만 버튼이 파란색으로 표시됨을 전달받았다. 알고 보니 사파리에서는 button 요소에 color가 지정되어 있지 않으면 기본으로 -apple-system-blue 색상을 할당한다고 한다. 따로 color를 지정해주면 쉽게 해결 된다! How to avoid safari adding -apple-system-blue to my button I'm loading a website through an iFrame in my ionic app. I realize that every button turned blue. I've searched a little bit and I fou.. Programming/HTML, CSS 2023. 3. 20.

class / React의 class형 컴포넌트 / JS에서의 class(prototype 기반) 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 함수형 프로그래밍 vs 객체지향 프로그래밍 함수형 프로그래밍 - Functional programming (FP) 객체지향 프로그래밍 - Object oriented programming (OOP) 개발자라면 이 둘에 대해 한번쯤은 들어봤을 개발 패턴이다. FP 든 OOP 든 개발 방식의 차이일뿐, 뭐가 kwangsunny.tistory.com 자바스크립트는 왜 프로토타입을 선택했을까 프로토타입으로 검색하면 으레 나오는 서두처럼 저 또한 자바스크립트를 처음 접했을 때 가장 당황스러웠던 게 프로토타입이었습니다. medium.com Prototype, 그리고 Class Pr.. Programming/Computer Science 2023. 3. 19.

[HTML, JS] onClick="location.href='주소'" 회사에서 순수 HTML 페이지를 구현하면서 button에 onClick 이벤트로 특정 URL로 이동하는 기능을 구현하려고 했다. MDN 문서에도 나와 있는 Location 객체를 구현해봤다! location.href란? href는 location 객체에 속해있는 프로퍼티로, 현재 접속중인 페이지 정보를 갖고 있다. 값을 변경할 수 있어서, 주소 위치에 원하는 페이지 주소를 넣으면 다른 페이지로 이동할 수도 있다 Location? https://developer.mozilla.org/ko/docs/Web/API/Location Location - Web API | MDN Location 인터페이스는 객체가 연결된 장소(URL)를 표현합니다. Location 인터페이스에 변경을 가하면 연결된 객체에도 반영되.. Programming/Javascript, Typescript 2023. 3. 17.

2023년 3월 2일 ~ 2023년 3월 31일 회고 제주도 2탄, 블렌더 수업 개강, 한강 걷기는 계속된다, 위민후코드 운영진 웰컴 미팅, 산책 또 산책, 가족과 맛집 탐방, 만다라트 템플릿 만들어 보기! 이번 제주도 여행에서는 페리를 타고 우도에 갔다 왔다. 우도는 관광지화가 꽤 되어서 아주 한적한 분위기의 섬은 아니지만, 그래도 자연과 해변이 잘 보존돼있고 섬 가운데는 올라갈 수 있는 등대도 있어서 섬의 자연을 즐기기 좋은 곳이었다. 우도에 갔으니 땅콩 아이스크림도 먹어 주고, 바다도 원없이 보며 이모랑 엄마랑 행복한 시간을 보냈다. 제주도에 있는 많은 박물관 중 본태 박물관에 다녀왔는데, 안도 다다오의 또 다른 건축물인 본태 박물관은 뮤지엄 산과는 또다른 매력이 있었다. 뮤지엄 산은 돌을 많이 쌓아서 돌 공원 같은 공간을 만든다거나 산 중턱의 넓은 .. My/Riverlog 2023. 3. 9.

2023 프론트엔드 로드맵 작년에 공부했던 컴구, 네트워크, 운체 복습해 나가면서 뭘 해야 할까 싶었는데 로드맵을 보고 나니 빠진 부분들이 많다. 일단 auth 관련 공부는 시급한 거 같고, PWA, bundler 관련 내용도 함께 공부해야 할듯하다! electron도 나중에는 공부해 봐야겠다. + 디자인 패턴 My/Careerlog 2023. 3. 7.

Promise.all, 무엇이고 언제 사용해야 할까? 코드 리뷰 스터디에서 동료분으로부터 Promise.all의 존재를 알게 되었다. 들어본 적은 없었지만 설명해주신 걸 들어보니 복수의 요청을 한 번에 보내고, 프로미스도 전부 합쳐 한 번에 반환하는 핸들러였다. 하나라도 오류가 나면 Promise.all 전체가 거부되고 .catch가 실행된다. 해당 에러가 Promise.all 전체의 결과가 되는 거다. Promise.all(iterable) Promise.all() 메서드는 순회 가능한 객체에 주어진 모든 프로미스가 이행(fulfill)한 후, 혹은 프로미스가 주어지지 않았을 때 이행하는 Promise를 반환한다. 주어진 프로미스 중 하나가 거부하는경우, 첫 번째로 거절한 프로미스의 이유를 사용해 자신도 거부한다.(MDN 문서) const promise1.. Programming/Javascript, Typescript 2023. 3. 6.

CodePush란? 내가 유지보수를 책임지고 있는 서비스의 앱은 React Native로 구현되어 있는데, JS 코드만 변경되었을 경우 CodePush를 사용해 간편하게 배포를 하고 있다. 사수분이 미리 세팅을 해 놓으신 상태에서 로컬 터미널에서 appcenter에 로그인하고 명령어만 입력하면 android, ios 배포가 불과 몇 분만에 끝난다는 게 실제로 해보니 더 신기했다. 세팅을 CodePush의 원리에 대해 좀 더 알아봤다. App Center 속 CodePush CodePush는 Microsoft의 서비스로, Visual Studio App Center의 여러 기능 중 하나다. App Center는 애플리케이션을 빌드, 테스트, 배포할 수 있는 DevOps 클라우드 솔루션이다. 배포된 후 분석 및 진단 서비스도 .. Programming/ETC 2023. 2. 24.

마이크로소프트 기업 채널 매니저 김성미님의 강의를 듣고 https://www.wanted.co.kr/events/article_23_01_25?utm_source=wanted&utm_medium=share IMF를 이긴 문과생의 선택: 자바 강사에서 Microsoft 세일즈까지 | 원티드 세일즈 직무에 관심이 있는 사람이라면, 혹은 코로나 팬데믹 등 외부 환경의 변화로 현재의 커리어에 위기를 겪고 있는 사람이라면 이번 인터뷰가 도움이 될 것이다. www.wanted.co.kr 원티드에서 주최한 김성미님과의 커피챗에 선정되어 처음으로 롯데타워의 오피스 층에 방문했다. 그린랩스, 패스트캠퍼스, 3M, 썸원, 은행, 중앙일보처럼 이름만 들어도 대단한 기업의 다양한 직군의 현직자분들이 참여하셨고, 덕분에 듣는 것만으로도 인사이트와 열정이 살아나는 커피챗이었다. 성미.. My/Careerlog 2023. 2. 22.

[혼공학습단 9기] 혼.공.컴.운. - 14. 가상 메모리(필수미션 포함) 운영체제의 가장 핵심적인 두 역할: 프로세스 관리와 메모리 관리.지금까지 프로세스 관리 기법에 대해 알아봤으니 이제 메모리 관리 기법에 대해 알아보자. 기본 미션문제 1. 메모리 할당 방식에 대한 설명으로 올바른 것을 다음 보기에서 찾아써 보세요.보기:최초 적합, 최적 적합, 최악 적합(1): 최초로 발견한 적재 가능한 빈 공간에 츠로세스를 배치하는 방식(2):프로세스가 적재되룻 있는 가장 큰 공간에프로세스를 배치하는 방식(3): 프로세스가 적재될 수 있는 가장 작은 공간에 프로세스를 배치하는 방식 정답 최초 적합최악 적합최적 적합 14-1 연속 메모리 할당연속 메모리 할당: 프로세스에 연속적인 메모리 주소를 할당하는 것스와핑 스와핑(swapping): 메모리에 적재된 프로세스들 중 현재 실행되지 않는 .. Programming/Computer Science 2023. 2. 20.

[혼공학습단 9기] 혼.공.컴.운. - 13. 교착상태 13-1 교착상태란 교착 상태란 무엇이며, 그를 표현하는 자원 할당 그래프와 교착 상태의 발생 원인을 예시를 통해 알아보겠습니다. 프로세스를 실행하기 위해 자원이 필요한데, 두 개 이상의 프로세스가 각자 가지고 있는 자원을 무작정 기다린다면 그 어떤 프로세스도 더 이상 진행할 수 없는 교착 상태가 된다. 식사하는 철학자 문제 식사하는 철학자 문제: 교착 상태를 설명하기 위한 아주 고전적이고 재미있는 문제 상황. 만약 원탁에 다섯 명의 철학자가 앉아 있고 서로의 사이사이에 총 다섯 개의 포크가 있고, 모두가 동시에 빈 포크가 어떤 것인지 생각하고 동시에 포크를 집어 식사를 해야 한다면, 영원히 아무도 식사할 수 없는 상황이 벌어질 수 있다. 교착 상태: 이렇게 일어나지 않을 사건을 기다리며 진행이 멈춰 버.. Programming/Computer Science 2023. 2. 20.

[Next.js 13] 공식 문서 Data Fetching 1(Fundamentals ~ Caching) 나만의 홈페이지 만들기 프로젝트를 진행하면서 이제 data fetching을 해야 할 때가 왔다. 그런데 Next 13의 data fetching은 Next 12와 변경점이 굉장히 많았다.(12도 잘 모르는데) 관련 공식문서를 전부 번역해보면서 공부해보자. https://beta.nextjs.org/docs/data-fetching/fundamentals Data Fetching: Fundamentals | Next.js Learn the fundamentals of data fetching with React and Next.js. beta.nextjs.org https://github.com/acdlite/rfcs/blob/first-class-promises/text/0000-first-class-.. Programming/Next.js 2023. 2. 19.

[JavaScript] new Date()로 생성된 시간을 한국 시간으로 바꾸기 최근 일하면서 특정 시간대에만 배너를 표시하는 작업을 한 일이 있었다. 당연히 쉽게 반영이 될 거라고 생각했는데, 실제 사이트에서는 마치 코드가 잘못된 것처럼 작동하지 않았다. 이유는 기업 서버가 미국(혹은 다른 나라)을 거쳐 가면서 new Date() 시간이 한국 시간이 아닌 다른 어딘가의 시간으로 출력됐던 것이었고, 이 때문에 항상 한국 기준 (UTC +8)으로 바꿔주는 작업이 필요했다. 소스코드 const now = new Date() // 서버 시간 기준 현재 로컬 시간 const GMTNow = now.getTime() + now.getTimezoneOffset() * 60 * 1000 // GMT 현재 시간 // now.getTime(): 1970년 1월 1일 00:00:00 GMT와 주어진 .. Programming/Javascript, Typescript 2023. 2. 18.

2023년 2월 8일 ~ 2023년 2월 16일 회고 첫 업무 메일 써보기, 비행기 예약, 오픽 갱신, 내일배움카드와 블렌더 수업, 퓨전 오마카세 먹기 처음으로 업무 메일도 보내보고, 배포하느라 신경도 많이 써서 피로도가 있던 한 주여서 주말에는 오픽 보러 간 것 빼고는 푹 쉬어줬다. 남는 시간에는 제주도 비행기 예약하고 여행 계획 세우느라 시간을 전부 보냈던 것 같다 ㅎㅎ 취업 후 내일배움카드로 뭔가를 배우는 게 꽤 큰 로망이었어서 신청을 해놨었다. 그런데 생각보다 그 기회가 빨리 찾아왔다. 홈페이지에 Three.js를 적용하기로 마음 먹은 후, 블렌더를 함께 배우고 싶어졌다. 내가 직접 JS로 컨트롤할 수 있는 요소를 창작하고 프로그래밍에 내 시각을 집어넣고 싶어졌달까! 시각화, 인포그래픽도 배워서 뉴욕타임즈까지 진출하고 싶어 하는 나니까... 욕심 부.. My/Riverlog 2023. 2. 16.

이전 1 2 3 4 5 6 7 8 ··· 17 다음

티스토리툴바