본문 바로가기
반응형

IT 톺아보기75

C 프로그램의 메모리 이해 메모리 할당 유형: Static Memory allocation: 'intx;' 또는 'intar[10];'와 같은 변수를 선언하면 컴파일 시 자동으로 해당 변수의 메모리가 할당됩니다. 이 변수들의 크기와 수명은 고정되어 프로그램이 시작되는 시점을 알 수 있습니다. Automatic Memory Allocation: 함수에서 이런 일이 발생합니다. 함수가 호출되면 로컬 변수가 생성되고 함수가 종료되면 이 변수들이 파괴됩니다. 보통 스택이라는 메모리 영역에서 시스템의 런타임 환경에 의해 처리됩니다. C의 메모리 레이아웃: Stack: 자동변수(함수 파라미터, 로컬변수 등)를 저장하는 곳입니다. 크기가 제한되어 있습니다. Heap: 동적 메모리 할당에 사용되는 메모리 풀이 더 큽니다. 스택과 달리 크기가 고.. 2024. 1. 29.
Naver map API를 이용하여 네이버 지도를 화면에 띄우기 페이지를 구성하면서 지도 API를 이용하여 무언가를 만들면 재밌는게 있지 않을까?하고 naver API를 이용해 페이지에 네이버 지도를 띄워보는 코드를 구성해보았다. 해당 작업을 수행하는 데 있어서 적어 놓으면 좋겠다는 생각이 들어 글을 남겨 본다. 계정 등록 Naver API를 사용하기 위해서는 가장 면저 API 사용에 대한 신청을 진행 해야한다. 아래의 사이트에 들어가 가장 아래로 스크롤하면 Open API 이용 신청버튼이 있는데 이를 클릭하여 클라이언트 아이디를 발급 받는다. 네이버 지도 API 홈페이지 클라이언트 아이디 발급 이제 우리는 클라이언트 아이디를 발급 받는데 대다수가 공공기관 및 금융기관이 아니기에 콘솔의 AI·Application Service > AI·NAVER API > Appli.. 2024. 1. 8.
compose.yaml 파일을 이용하여 간단한 페이지 만들어보기 | back-end 사실, Back-end라고 해서 Front-end와 큰 차이가 있는 것은 아니다. 대부분 동일한 구성형태로 작성을 하듯이, image, working_dir, volume, ports 등을 작성해준다. 차이가 있다면, Front-end에서는 node Image를 사용했다면 Back-end에서는 nginx Image를 사용한다. 그리고 ports는 8080으로 사용을 하는데 이렇게 사용하는데 있어서는 큰 의미가 있지는 않다. 이전부터 개발자분들이 8080을 port로 사용하게 되면서 일반적으로 사용하게 되었다고 알고 있다. volume은 ./backend 경로에 개발된 내용을 컨테이너에 전달하도록 했는데, 만약 compose.yaml을 실행한 상황에서 해당 폴더에 backend 파일이 없으면 자동으로 생성.. 2024. 1. 7.
compose.yaml 파일을 이용하여 간단한 페이지 만들어보기 | front-end 간단한 페이지를 구성하기 위해서 back-end, front-end, nginx, db를 compose.yaml을 통해 구성해보았다.그 중에서 가장 먼저 front-end 부분을 작성해보았다. services를 가장 먼저 작성하고 그 아래에 각각 작성한다. front-end를 먼저 작성을 하면, app-front라는 이름으로 Front-end를 구성했는데, node image를 사용하여 front-end를 구성 npm이나 yarn 같은 명령어들은 app 폴더에서 동작을 하기 때문에, working_dir을 /app으로 설정해준다. 여기서 나는 /usr/src/app으로 설정했다. ports의 경우에는 3000:3000 과 35729:35729로 잡았는데 자세히는 모르지만 일반적으로 Node.js 개발 환.. 2023. 12. 30.
Docker Compose의 주요 명령어와 그 사용법 Docker compose 에 대한 명령어를 사용하다 보면 커멘드를 잘 모르는 경우가 있어 정리해보려고 한다. 목차 링크 왜 안됨? build config cp create down events exec images kill logs ls pause port ps pull push restart rm run scale start stop top unpause up version wait watch Docker Compose는 여러 컨테이너를 정의하고 실행하는 도구이다. 이 도구는 YAML 파일을 사용하여 서비스, 네트워크, 볼륨 등을 설정하고 관리한다. 1.build 기능: 서비스를 빌드하거나 재빌드합니다. 사용 예시: docker-compose build는 docker-compose.yml 파일에 정의.. 2023. 12. 28.
[현대자동차그룹] 2023년 7차 Softeer(소프티어) 정기 역량 진단 이번달에 현대자동차그룹에서 진행하는 코딩테스트인 정기 코딩 인증평가 시험이 진행된다. 시험 신청은 8월 9일(수) 23:00까지 1) 참가 자격 - Softeer 회원 누구나 참여 가능 (단, Talent pool 내 기초 정보, 학력 정보를 입력해야 접수 가능) 2) 일정 (접수/평가 온라인 진행) - 평가 일정: 2023년 8월 11일(금) 17:00 ~ 20:00 - 접수 기간: 2023년 7월 24일(월) 09:00부터 ~ 8월 9일(수) 23:00까지 * 코딩테스트 참가 확인서는 시험 후 이름, 전화번호, 이메일 주소를 기입하여 softeer@hyundai-ngv.com으로 요청해주시기 바랍니다. 3) 세부 사항 (시험 참여 방법 안내는 접수 마감 후 8/10(목) 일괄 안내 예정) - 언어: .. 2023. 7. 25.
[React][Typescript] Dialog 기능 이용할 때 깜빡임 발생 해결 목차 개요 문제점 해결법 개요 이메일 회원가입 기능을 개발하면서 dialog를 이용하려다 보니 문제점이 하나 발생했다. 바로 한 글자를 칠 때 마다 깜박임이 발생하는 것이다. 혼자 해결하려고 했으나, 잘 되지 않아 커뮤니티에 질문을 하며 문제를 해결해나갔다. 문제점 Dialog 기능에서 email과 password를 useState를 통해 값을 받으니 자동으로 리렌더링이 발생하는 문제가 있었다. 코드는 아래와 같이 작성했다. import * as React from 'react'; import { useState } from 'react'; import { AppBar, Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton,.. 2023. 6. 25.
[Window] 사내망 등의 이유로 yarn 설치가 안되는 경우 목차 개요 문제 해결책 문제 yarn package install을 하는데 사내 프록시와 인증서로 인해 설치가 되지 않는 경우 Error 사내 망에서 yarn을 설치하는 경우 yarn install 을 실행하면 error An unexpected error occurred: "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz: self-signed certificate in certificate chain". info If you think this is a bug, please open a bug report with the inform.. 2023. 6. 16.
[React][Typescript] Firebase console을 이용한 Login 기능 구현 목차 개요 Firebase Console 설정 Firebase protocol(?) Code Typescript Code Result 개요 현재 내가 만들어 놓은 페이지에 업데이트가 없는 것 같기도 하고, 회사에서 개발 호소인으로 사는 느낌이라 공부도 할 겸 이전에 적용한 Firebase를 이용해서 로그인 기능을 만들어 보기로 했다. Firebase를 이용하는 이유는 구글이나 깃허브를 이용한 로그인을 실행할 때, 계정 정보를 Firebase DB에 쉽게 저장할 수 있다고 판단되어 사용하게 되었다. Firebase Console 설정 먼저 firebase에 들어가서 프로젝트를 생성한다. 프로젝트에 접속해서 빌드 > Authentication을 클릭 Sign-In Method 탭에 들어가서 원하는 로그인 방.. 2023. 6. 16.
반응형

티스토리툴바